diff --git a/packages/angular-community-supported/package-lock.json b/packages/angular-community-supported/package-lock.json index 6c59887c3e0..7cc3b06aec2 100644 --- a/packages/angular-community-supported/package-lock.json +++ b/packages/angular-community-supported/package-lock.json @@ -706,40 +706,6 @@ } } }, - "node_modules/@angular-eslint/builder/node_modules/chokidar": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", - "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "readdirp": "^4.0.1" - }, - "engines": { - "node": ">= 14.16.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/@angular-eslint/builder/node_modules/readdirp": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", - "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "engines": { - "node": ">= 14.18.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/@angular-eslint/builder/node_modules/rxjs": { "version": "7.8.2", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", @@ -870,24 +836,6 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, - "node_modules/@angular-eslint/schematics/node_modules/chokidar": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", - "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "readdirp": "^4.0.1" - }, - "engines": { - "node": ">= 14.16.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/@angular-eslint/schematics/node_modules/cli-spinners": { "version": "2.9.2", "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz", @@ -965,22 +913,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/@angular-eslint/schematics/node_modules/readdirp": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", - "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "engines": { - "node": ">= 14.18.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/@angular-eslint/schematics/node_modules/rxjs": { "version": "7.8.2", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", @@ -7387,9 +7319,9 @@ "peer": true }, "node_modules/@ukic/web-components": { - "version": "3.27.0", - "resolved": "https://registry.npmjs.org/@ukic/web-components/-/web-components-3.27.0.tgz", - "integrity": "sha512-m+gBdDOANjUl/NEaix8FlGbfJSzbyeNxT2q0yCrwhIMJBWmX7CobUGhcnG+OggSrZFnBK87ZQKqcWuKYwzEHfQ==", + "version": "3.29.0", + "resolved": "https://registry.npmjs.org/@ukic/web-components/-/web-components-3.29.0.tgz", + "integrity": "sha512-x/Wutlz88MyhPpkbcxeCecPVNaRZDKBrozFPylNG9YuVvTFlv5uN62skxY7RsSb0tcqpAxE9JtWPzFF9M7xtCg==", "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.2", @@ -7851,24 +7783,6 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, - "node_modules/angular-eslint/node_modules/chokidar": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", - "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "readdirp": "^4.0.1" - }, - "engines": { - "node": ">= 14.16.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/angular-eslint/node_modules/cli-spinners": { "version": "2.9.2", "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz", @@ -7946,22 +7860,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/angular-eslint/node_modules/readdirp": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", - "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "engines": { - "node": ">= 14.18.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/angular-eslint/node_modules/rxjs": { "version": "7.8.2", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz", diff --git a/packages/canary-docs/docs.d.ts b/packages/canary-docs/docs.d.ts index 916397b2f0c..e579f7bf0ad 100644 --- a/packages/canary-docs/docs.d.ts +++ b/packages/canary-docs/docs.d.ts @@ -1,4 +1,3 @@ - /** * This is an autogenerated file created by the Stencil compiler. * DO NOT MODIFY IT MANUALLY @@ -21,7 +20,10 @@ interface ComponentCompilerPropertyComplexType { */ references: ComponentCompilerTypeReferences; } -type ComponentCompilerTypeReferences = Record; +type ComponentCompilerTypeReferences = Record< + string, + ComponentCompilerTypeReference +>; interface ComponentCompilerTypeReference { /** * A type may be defined: @@ -38,6 +40,17 @@ interface ComponentCompilerTypeReference { * An ID for this type which is unique within a Stencil project. */ id: string; + /** + * Whether this type was imported as a default import (e.g., `import MyEnum from './my-enum'`) + * vs a named import (e.g., `import { MyType } from './my-type'`) + */ + isDefault?: boolean; + /** + * The name used in the import statement (before any user-defined alias). + * For `import { XAxisOption as moo }`, this would be "XAxisOption". + * This is the name exported by the source module. + */ + referenceLocation?: string; } interface ComponentCompilerReferencedType { /** @@ -75,7 +88,10 @@ interface ComponentCompilerMethodComplexType { * This information is included in the file written by the `docs-json` output * target (see {@link JsonDocs.typeLibrary}). */ -export type JsonDocsTypeLibrary = Record; +export type JsonDocsTypeLibrary = Record< + string, + ComponentCompilerReferencedType +>; /** * A container for JSDoc metadata for a project */ @@ -196,6 +212,10 @@ export interface JsonDocsComponent { * Array of component Parts information, generate from `@part` tags */ parts: JsonDocsPart[]; + /** + * Array of custom states defined via @AttachInternals({ states: {...} }) + */ + customStates: JsonDocsCustomState[]; /** * Array of metadata describing where the current component is used */ @@ -413,6 +433,28 @@ export interface JsonDocsPart { */ docs: string; } +/** + * A descriptor for a Custom State defined via @AttachInternals({ states: {...} }) + * + * Custom states are exposed via the ElementInternals.states CustomStateSet + * and can be targeted with the CSS `:state()` pseudo-class. + * + * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet + */ +export interface JsonDocsCustomState { + /** + * The name of the custom state (without dashes) + */ + name: string; + /** + * The initial/default value of the state + */ + initialValue: boolean; + /** + * A textual description of the custom state + */ + docs: string; +} /** * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property. */ diff --git a/packages/canary-docs/docs.json b/packages/canary-docs/docs.json index 514b807a8c3..45d3a96414b 100644 --- a/packages/canary-docs/docs.json +++ b/packages/canary-docs/docs.json @@ -1,8 +1,8 @@ { "compiler": { "name": "@stencil/core", - "version": "4.26.0", - "typescriptVersion": "5.5.4" + "version": "4.43.5", + "typescriptVersion": "5.8.3" }, "components": [ { @@ -35,7 +35,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the accordion will be disabled.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -62,7 +67,12 @@ "attr": "expanded", "reflectToAttr": false, "docs": "If `true`, the accordion appears expanded.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -89,7 +99,12 @@ "attr": "heading", "reflectToAttr": false, "docs": "The section header outlining section content.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -116,7 +131,12 @@ "attr": "message", "reflectToAttr": false, "docs": "The main body message of the accordion.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -141,7 +161,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -149,7 +170,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the accordion.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -183,7 +209,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -191,7 +218,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -254,14 +286,11 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-accordion": [ - "ic-typography" - ] + "ic-accordion": ["ic-typography"] } }, { @@ -294,7 +323,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the chip will appear disabled.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -318,7 +352,12 @@ "attr": "download", "reflectToAttr": false, "docs": "If `true`, the user can save the linked URL instead of navigating to it.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -576,7 +615,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the button will display as monochromatic in either `light` or `dark` theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -687,7 +731,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -695,7 +740,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the chip.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -752,7 +802,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -760,7 +811,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the chip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -793,7 +849,12 @@ "attr": "transparent-background", "reflectToAttr": false, "docs": "If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -815,7 +876,8 @@ "IcButtonTypes": { "location": "import", "path": "../ic-button/ic-button.types", - "id": "../web-components/src/components/ic-button/ic-button.types.ts::IcButtonTypes" + "id": "../web-components/src/components/ic-button/ic-button.types.ts::IcButtonTypes", + "referenceLocation": "IcButtonTypes" } } }, @@ -823,7 +885,12 @@ "attr": "type", "reflectToAttr": false, "docs": "The type of the chip.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"button\"" + } + ], "default": "\"button\"", "values": [ { @@ -854,7 +921,8 @@ "IcEmphasisType": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcEmphasisType" + "id": "../web-components/src/utils/types.ts::IcEmphasisType", + "referenceLocation": "IcEmphasisType" } } }, @@ -862,7 +930,12 @@ "attr": "variant", "reflectToAttr": false, "docs": "The emphasis of the chip.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"filled\"" + } + ], "default": "\"filled\"", "values": [ { @@ -918,14 +991,11 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-action-chip": [ - "ic-typography" - ] + "ic-action-chip": ["ic-typography"] } }, { @@ -970,7 +1040,12 @@ "attr": "accept", "reflectToAttr": false, "docs": "If `fileUpload` is set to `true`, this is the accepted list of file types.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"*\"" + } + ], "default": "\"*\"", "values": [ { @@ -994,7 +1069,12 @@ "attr": "disable-tooltip", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1018,7 +1098,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the button will be in disabled state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1042,7 +1127,12 @@ "attr": "download", "reflectToAttr": false, "docs": "If `true`, the user can save the linked URL instead of navigating to it.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1069,7 +1159,12 @@ "attr": "dropdown", "reflectToAttr": false, "docs": "If `true`, the button will show a dropdown icon.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1093,7 +1188,12 @@ "attr": "dropdown-expanded", "reflectToAttr": true, "docs": "If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1117,7 +1217,12 @@ "attr": "file-input-name", "reflectToAttr": false, "docs": "The name of the control for the file input, which is submitted with the form data.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`ic-button-file-upload-input-${buttonIds++}`" + } + ], "default": "`ic-button-file-upload-input-${buttonIds++}`", "values": [ { @@ -1141,7 +1246,12 @@ "attr": "file-upload", "reflectToAttr": false, "docs": "If `true`, when the button is clicked the native file explorer will be launched.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1321,7 +1431,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the button will fill the width of the container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1397,7 +1512,12 @@ "attr": "loading", "reflectToAttr": false, "docs": "If `true`, the button will be in loading state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1421,7 +1541,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the button will display as monochromatic in either `light` or `dark` theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1445,7 +1570,12 @@ "attr": "multiple", "reflectToAttr": false, "docs": "If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1586,7 +1716,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -1594,7 +1725,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the button to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -1651,7 +1787,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -1659,7 +1796,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -1692,7 +1834,12 @@ "attr": "tooltip-fixed-positioning", "reflectToAttr": false, "docs": "Setting to `true` can help in situations where tooltip content is clipped by a parent element.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -1714,7 +1861,8 @@ "IcButtonTooltipPlacement": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcButtonTooltipPlacement" + "id": "../web-components/src/utils/types.ts::IcButtonTooltipPlacement", + "referenceLocation": "IcButtonTooltipPlacement" } } }, @@ -1722,7 +1870,12 @@ "attr": "tooltip-placement", "reflectToAttr": false, "docs": "The position of the tooltip in relation to the button.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"bottom\"" + } + ], "default": "\"bottom\"", "values": [ { @@ -1759,7 +1912,12 @@ "attr": "transparent-background", "reflectToAttr": false, "docs": "If `true`, the secondary & tertiary variants of button will have a transparent background when not hovered, pressed or loading.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -1781,7 +1939,8 @@ "IcButtonTypes": { "location": "import", "path": "./ic-button.types", - "id": "../web-components/src/components/ic-button/ic-button.types.ts::IcButtonTypes" + "id": "../web-components/src/components/ic-button/ic-button.types.ts::IcButtonTypes", + "referenceLocation": "IcButtonTypes" } } }, @@ -1789,7 +1948,12 @@ "attr": "type", "reflectToAttr": false, "docs": "The type of the button.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"button\"" + } + ], "default": "\"button\"", "values": [ { @@ -1820,7 +1984,8 @@ "IcButtonVariants": { "location": "import", "path": "./ic-button.types", - "id": "../web-components/src/components/ic-button/ic-button.types.ts::IcButtonVariants" + "id": "../web-components/src/components/ic-button/ic-button.types.ts::IcButtonVariants", + "referenceLocation": "IcButtonVariants" } } }, @@ -1828,7 +1993,12 @@ "attr": "variant", "reflectToAttr": false, "docs": "The variant of the button to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"primary\"" + } + ], "default": "\"primary\"", "values": [ { @@ -1995,6 +2165,7 @@ } ], "parts": [], + "states": [], "dependents": [ "ic-calendar", "ic-data-table", @@ -2013,71 +2184,27 @@ "ic-toggle-button", "ic-top-navigation" ], - "dependencies": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], + "dependencies": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], "dependencyGraph": { - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-calendar": [ - "ic-button" - ], - "ic-data-table": [ - "ic-button" - ], - "ic-date-input": [ - "ic-button" - ], - "ic-drawer": [ - "ic-button" - ], - "ic-horizontal-scroll": [ - "ic-button" - ], - "ic-menu": [ - "ic-button" - ], - "ic-menu-item": [ - "ic-button" - ], - "ic-pagination": [ - "ic-button" - ], - "ic-pagination-bar": [ - "ic-button" - ], - "ic-search-bar": [ - "ic-button" - ], - "ic-select": [ - "ic-button" - ], - "ic-side-navigation": [ - "ic-button" - ], - "ic-time-input": [ - "ic-button" - ], - "ic-time-selector": [ - "ic-button" - ], - "ic-toggle-button": [ - "ic-button" - ], - "ic-top-navigation": [ - "ic-button" - ] + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-calendar": ["ic-button"], + "ic-data-table": ["ic-button"], + "ic-date-input": ["ic-button"], + "ic-drawer": ["ic-button"], + "ic-horizontal-scroll": ["ic-button"], + "ic-menu": ["ic-button"], + "ic-menu-item": ["ic-button"], + "ic-pagination": ["ic-button"], + "ic-pagination-bar": ["ic-button"], + "ic-search-bar": ["ic-button"], + "ic-select": ["ic-button"], + "ic-side-navigation": ["ic-button"], + "ic-time-input": ["ic-button"], + "ic-time-selector": ["ic-button"], + "ic-toggle-button": ["ic-button"], + "ic-top-navigation": ["ic-button"] } }, { @@ -2099,7 +2226,8 @@ "IcDateFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDateFormat" + "id": "src/utils/types.ts::IcDateFormat", + "referenceLocation": "IcDateFormat" } } }, @@ -2107,7 +2235,12 @@ "attr": "date-format", "reflectToAttr": false, "docs": "The format in which the date will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"DD/MM/YYYY\"" + } + ], "default": "\"DD/MM/YYYY\"", "values": [ { @@ -2138,14 +2271,20 @@ "IcWeekDays": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcWeekDays" + "id": "src/utils/types.ts::IcWeekDays", + "referenceLocation": "IcWeekDays" } } }, "mutable": false, "reflectToAttr": false, "docs": "The days of the week to disable.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -2172,7 +2311,12 @@ "attr": "disable-future", "reflectToAttr": false, "docs": "If `true`, dates in the future are not allowed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2199,7 +2343,12 @@ "attr": "disable-past", "reflectToAttr": false, "docs": "If `true`, dates in the past are not allowed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2226,7 +2375,12 @@ "attr": "disabled", "reflectToAttr": true, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2255,7 +2409,12 @@ "attr": "max", "reflectToAttr": false, "docs": "The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\nThe value of this prop is ignored if `disableFuture` is set to `true`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -2287,7 +2446,12 @@ "attr": "min", "reflectToAttr": false, "docs": "The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\nThe value of this prop is ignored if `disablePast` is set to `true`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -2319,7 +2483,12 @@ "attr": "open-at-date", "reflectToAttr": false, "docs": "The date visible when the calendar opens. Used if no date is currently selected.\nThe value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -2346,7 +2515,12 @@ "attr": "show-clear-button", "reflectToAttr": false, "docs": "If `true`, the `Clear` button on the calendar will be visible.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -2373,7 +2547,12 @@ "attr": "show-days-outside-month", "reflectToAttr": false, "docs": "If `true`, days outside the current month will be visible in the calendar.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -2400,7 +2579,12 @@ "attr": "show-today-button", "reflectToAttr": false, "docs": "If `true`, the `Go to today` button on the calendar will be visible.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -2425,7 +2609,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -2433,7 +2618,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the calendar to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -2464,7 +2654,8 @@ "IcWeekDays": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcWeekDays" + "id": "src/utils/types.ts::IcWeekDays", + "referenceLocation": "IcWeekDays" } } }, @@ -2472,7 +2663,12 @@ "attr": "start-of-week", "reflectToAttr": false, "docs": "The first day of the week. `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "IcWeekDays.Monday" + } + ], "default": "IcWeekDays.Monday", "values": [ { @@ -2512,7 +2708,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -2520,7 +2717,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the calendar to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -2554,7 +2756,8 @@ "IcDateValueFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDateValueFormat" + "id": "src/utils/types.ts::IcDateValueFormat", + "referenceLocation": "IcDateValueFormat" } } }, @@ -2562,7 +2765,12 @@ "attr": "value", "reflectToAttr": true, "docs": "The value of the calendar and the date visible when the calendar opens.\nThe value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -2658,32 +2866,15 @@ ], "slots": [], "parts": [], - "dependents": [ - "ic-date-picker" - ], - "dependencies": [ - "ic-button", - "ic-typography" - ], + "states": [], + "dependents": ["ic-date-picker"], + "dependencies": ["ic-button", "ic-typography"], "dependencyGraph": { - "ic-calendar": [ - "ic-button", - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-date-picker": [ - "ic-calendar" - ] + "ic-calendar": ["ic-button", "ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-date-picker": ["ic-calendar"] } }, { @@ -2714,7 +2905,8 @@ "IcAdditionalFieldTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAdditionalFieldTypes" + "id": "../web-components/src/utils/types.ts::IcAdditionalFieldTypes", + "referenceLocation": "IcAdditionalFieldTypes" } } }, @@ -2722,7 +2914,12 @@ "attr": "additional-field-display", "reflectToAttr": true, "docs": "The style of additionalField that will be displayed if used.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"static\"" + } + ], "default": "\"static\"", "values": [ { @@ -2751,7 +2948,12 @@ "attr": "checked", "reflectToAttr": true, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2775,7 +2977,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the checkbox will be set to the disabled state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2799,7 +3006,12 @@ "attr": "dynamic-text", "reflectToAttr": false, "docs": "The text to be displayed when dynamic.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"This selection requires additional answers\"" + } + ], "default": "\"This selection requires additional answers\"", "values": [ { @@ -2875,7 +3087,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be hidden and the required label value will be applied as an aria-label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2899,7 +3116,12 @@ "attr": "indeterminate", "reflectToAttr": false, "docs": "If `true`, the indeterminate state will be displayed when checked.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2972,7 +3194,12 @@ "attr": "native-indeterminate-behaviour", "reflectToAttr": false, "docs": "If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -2994,7 +3221,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -3035,7 +3263,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -3043,7 +3272,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -3076,7 +3310,12 @@ "attr": "value", "reflectToAttr": false, "docs": "The value for the checkbox.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -3142,19 +3381,12 @@ } ], "parts": [], - "dependents": [ - "ic-data-table" - ], - "dependencies": [ - "ic-typography" - ], + "states": [], + "dependents": ["ic-data-table"], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-checkbox": [ - "ic-typography" - ], - "ic-data-table": [ - "ic-checkbox" - ] + "ic-checkbox": ["ic-typography"], + "ic-data-table": ["ic-checkbox"] } }, { @@ -3185,7 +3417,8 @@ "IcColor": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcColor" + "id": "../web-components/src/utils/types.ts::IcColor", + "referenceLocation": "IcColor" } } }, @@ -3225,7 +3458,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the chip will appear disabled.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3249,7 +3487,12 @@ "attr": "dismiss-label", "reflectToAttr": false, "docs": "The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Dismiss\"" + } + ], "default": "\"Dismiss\"", "values": [ { @@ -3273,7 +3516,12 @@ "attr": "dismissible", "reflectToAttr": false, "docs": "If `true`, the chip will have a close button at the end to dismiss it.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3297,7 +3545,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "Specify whether the chip fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3342,7 +3595,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -3350,7 +3604,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the chip.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -3381,7 +3640,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -3389,7 +3649,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the chip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\nSetting the \"customColor\" prop will override this.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -3422,7 +3687,12 @@ "attr": "transparent-background", "reflectToAttr": false, "docs": "If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -3444,7 +3714,8 @@ "IcEmphasisType": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcEmphasisType" + "id": "../web-components/src/utils/types.ts::IcEmphasisType", + "referenceLocation": "IcEmphasisType" } } }, @@ -3452,7 +3723,12 @@ "attr": "variant", "reflectToAttr": false, "docs": "The emphasis of the chip.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"filled\"" + } + ], "default": "\"filled\"", "values": [ { @@ -3529,19 +3805,12 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography", - "ic-tooltip" - ], + "dependencies": ["ic-typography", "ic-tooltip"], "dependencyGraph": { - "ic-chip": [ - "ic-typography", - "ic-tooltip" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-chip": ["ic-typography", "ic-tooltip"], + "ic-tooltip": ["ic-typography"] } }, { @@ -3609,7 +3878,12 @@ "attr": "column-header-truncation", "reflectToAttr": false, "docs": "Determines whether the column header should be truncated and display a tooltip. Default is `false`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3631,7 +3905,8 @@ "IcDataTableColumnObject": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableColumnObject" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableColumnObject", + "referenceLocation": "IcDataTableColumnObject" } } }, @@ -3659,7 +3934,8 @@ "IcDataTableDataType": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDataType" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDataType", + "referenceLocation": "IcDataTableDataType" } } }, @@ -3690,7 +3966,8 @@ "IcDataTableDensityOptions": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDensityOptions" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDensityOptions", + "referenceLocation": "IcDataTableDensityOptions" } } }, @@ -3698,7 +3975,12 @@ "attr": "density", "reflectToAttr": false, "docs": "Set the density of the table including font and padding.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"default\"" + } + ], "default": "\"default\"", "values": [ { @@ -3731,7 +4013,12 @@ "attr": "disable-auto-sort", "reflectToAttr": false, "docs": "If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3758,7 +4045,12 @@ "attr": "embedded", "reflectToAttr": false, "docs": "Applies a border to the table container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3780,7 +4072,8 @@ "IcDataTableRowHeights": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableRowHeights" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableRowHeights", + "referenceLocation": "IcDataTableRowHeights" } } }, @@ -3788,7 +4081,12 @@ "attr": "global-row-height", "reflectToAttr": false, "docs": "Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"auto\"" + } + ], "default": "\"auto\"", "values": [ { @@ -3842,7 +4140,12 @@ "attr": "hide-column-headers", "reflectToAttr": false, "docs": "If `true`, column headers will not be visible.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3869,7 +4172,12 @@ "attr": "loading", "reflectToAttr": false, "docs": "When set to `true`, the full table will show a loading state, featuring a radial indicator.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -3994,7 +4302,12 @@ "attr": "minimum-loading-display-duration", "reflectToAttr": false, "docs": "The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "1000" + } + ], "default": "1000", "values": [ { @@ -4016,14 +4329,20 @@ "IcPaginationBarOptions": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcPaginationBarOptions" + "id": "src/utils/types.ts::IcPaginationBarOptions", + "referenceLocation": "IcPaginationBarOptions" } } }, "mutable": false, "reflectToAttr": false, "docs": "Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "{\n alignment: \"right\",\n hideAllFromItemsPerPage: false,\n hideCurrentPage: false,\n hideFirstAndLastPageButton: false,\n hideRangeLabel: false,\n itemLabel: \"Item\",\n itemsPerPageOptions: [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ],\n monochrome: false,\n pageLabel: \"Page\",\n rangeLabelType: \"page\",\n selectedItemsPerPage: 10,\n selectItemsPerPageOnEnter: true,\n setToFirstPageOnPaginationChange: false,\n showGoToPageControl: true,\n showItemsPerPageControl: true,\n type: \"simple\",\n }" + } + ], "default": "{\n alignment: \"right\",\n hideAllFromItemsPerPage: false,\n hideCurrentPage: false,\n hideFirstAndLastPageButton: false,\n hideRangeLabel: false,\n itemLabel: \"Item\",\n itemsPerPageOptions: [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ],\n monochrome: false,\n pageLabel: \"Page\",\n rangeLabelType: \"page\",\n selectedItemsPerPage: 10,\n selectItemsPerPageOnEnter: true,\n setToFirstPageOnPaginationChange: false,\n showGoToPageControl: true,\n showItemsPerPageControl: true,\n type: \"simple\",\n }", "values": [ { @@ -4047,7 +4366,12 @@ "attr": "row-selection", "reflectToAttr": false, "docs": "If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -4071,7 +4395,12 @@ "attr": "show-pagination", "reflectToAttr": false, "docs": "If `true`, adds a pagination bar to the bottom of the table.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -4096,14 +4425,20 @@ "IcDataTableSortOrderOptions": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableSortOrderOptions" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableSortOrderOptions", + "referenceLocation": "IcDataTableSortOrderOptions" } } }, "mutable": false, "reflectToAttr": false, "docs": "Sets the order columns will be sorted in and allows for 'default' sorts to be added.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "{\n sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n defaultColumn: \"\",\n }" + } + ], "default": "{\n sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n defaultColumn: \"\",\n }", "values": [ { @@ -4130,7 +4465,12 @@ "attr": "sortable", "reflectToAttr": false, "docs": "If `true`, allows table columns to be sorted using applied sort buttons.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -4157,7 +4497,12 @@ "attr": "sticky-column-headers", "reflectToAttr": false, "docs": "If `true`, column headers will remain at the top of the table when scrolling vertically.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -4181,7 +4526,12 @@ "attr": "sticky-row-headers", "reflectToAttr": false, "docs": "If `true`, row headers will remain to the left when scrolling horizontally.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -4205,7 +4555,12 @@ "attr": "table-layout", "reflectToAttr": false, "docs": "Sets the layout of the table", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"fixed\"" + } + ], "default": "\"fixed\"", "values": [ { @@ -4235,7 +4590,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -4243,7 +4599,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -4277,7 +4638,8 @@ "IcDataTableTruncationTypes": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableTruncationTypes" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableTruncationTypes", + "referenceLocation": "IcDataTableTruncationTypes" } } }, @@ -4316,7 +4678,12 @@ "attr": "updating", "reflectToAttr": false, "docs": "If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -4378,7 +4745,8 @@ "IcDataTableRowHeights": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableRowHeights" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableRowHeights", + "referenceLocation": "IcDataTableRowHeights" } } }, @@ -4519,7 +4887,8 @@ "IcDataTableDataType": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDataType" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDataType", + "referenceLocation": "IcDataTableDataType" } } }, @@ -4539,7 +4908,8 @@ "IcDataTableDataType": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDataType" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDataTableDataType", + "referenceLocation": "IcDataTableDataType" } } }, @@ -4559,7 +4929,8 @@ "IcSortEventDetail": { "location": "import", "path": "./ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcSortEventDetail" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcSortEventDetail", + "referenceLocation": "IcSortEventDetail" } } }, @@ -4615,6 +4986,7 @@ } ], "parts": [], + "states": [], "dependents": [], "dependencies": [ "ic-loading-indicator", @@ -4637,23 +5009,11 @@ "ic-empty-state", "ic-pagination-bar" ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-checkbox": [ - "ic-typography" - ], - "ic-empty-state": [ - "ic-typography" - ], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-checkbox": ["ic-typography"], + "ic-empty-state": ["ic-typography"], "ic-pagination-bar": [ "ic-typography", "ic-select", @@ -4671,24 +5031,11 @@ "ic-menu", "ic-input-validation" ], - "ic-input-label": [ - "ic-typography" - ], - "ic-menu": [ - "ic-loading-indicator", - "ic-typography", - "ic-button" - ], - "ic-input-validation": [ - "ic-typography" - ], - "ic-pagination": [ - "ic-button", - "ic-pagination-item" - ], - "ic-pagination-item": [ - "ic-typography" - ], + "ic-input-label": ["ic-typography"], + "ic-menu": ["ic-loading-indicator", "ic-typography", "ic-button"], + "ic-input-validation": ["ic-typography"], + "ic-pagination": ["ic-button", "ic-pagination-item"], + "ic-pagination-item": ["ic-typography"], "ic-text-field": [ "ic-input-container", "ic-input-label", @@ -4762,8 +5109,13 @@ "attr": "heading", "reflectToAttr": false, "docs": "The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden.", - "docsTags": [], - "default": "DEFAULT_TITLE_BAR_HEADING", + "docsTags": [ + { + "name": "default", + "text": "\"Title Bar\"" + } + ], + "default": "\"Title Bar\"", "values": [ { "type": "string" @@ -4789,7 +5141,12 @@ "attr": "hide-density-select", "reflectToAttr": false, "docs": "When `true`, the density select will not be rendered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -4844,7 +5201,8 @@ "IcDensityUpdateEventDetail": { "location": "import", "path": "../ic-data-table/ic-data-table.types", - "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDensityUpdateEventDetail" + "id": "src/components/ic-data-table/ic-data-table.types.tsx::IcDensityUpdateEventDetail", + "referenceLocation": "IcDensityUpdateEventDetail" } } }, @@ -4875,16 +5233,11 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography", - "ic-select" - ], + "dependencies": ["ic-typography", "ic-select"], "dependencyGraph": { - "ic-data-table-title-bar": [ - "ic-typography", - "ic-select" - ], + "ic-data-table-title-bar": ["ic-typography", "ic-select"], "ic-select": [ "ic-button", "ic-typography", @@ -4894,28 +5247,12 @@ "ic-menu", "ic-input-validation" ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-input-label": [ - "ic-typography" - ], - "ic-menu": [ - "ic-loading-indicator", - "ic-typography", - "ic-button" - ], - "ic-input-validation": [ - "ic-typography" - ] + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-input-label": ["ic-typography"], + "ic-menu": ["ic-loading-indicator", "ic-typography", "ic-button"], + "ic-input-validation": ["ic-typography"] } }, { @@ -4942,7 +5279,8 @@ "IcDateFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDateFormat" + "id": "src/utils/types.ts::IcDateFormat", + "referenceLocation": "IcDateFormat" } } }, @@ -4950,7 +5288,12 @@ "attr": "date-format", "reflectToAttr": false, "docs": "The format in which the date will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.DEFAULT_DATE_FORMAT" + } + ], "default": "this.DEFAULT_DATE_FORMAT", "values": [ { @@ -4981,14 +5324,20 @@ "IcWeekDays": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcWeekDays" + "id": "src/utils/types.ts::IcWeekDays", + "referenceLocation": "IcWeekDays" } } }, "mutable": true, "reflectToAttr": false, "docs": "The days of the week to disable.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -5012,7 +5361,12 @@ "attr": "disable-days-message", "reflectToAttr": false, "docs": "The text to display as the validation message when `disableDays` is set and a disabled date is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"The date you have selected is on a day of the week that is not allowed. Please select another date.\"" + } + ], "default": "\"The date you have selected is on a day of the week that is not allowed. Please select another date.\"", "values": [ { @@ -5036,7 +5390,12 @@ "attr": "disable-future", "reflectToAttr": false, "docs": "If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5063,7 +5422,12 @@ "attr": "disable-future-message", "reflectToAttr": false, "docs": "The text to display as the validation message when `disableFuture` is true and a date in the future is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Dates in the future are not allowed. Please select a date in the past.\"" + } + ], "default": "\"Dates in the future are not allowed. Please select a date in the past.\"", "values": [ { @@ -5087,7 +5451,12 @@ "attr": "disable-past", "reflectToAttr": false, "docs": "If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5114,7 +5483,12 @@ "attr": "disable-past-message", "reflectToAttr": false, "docs": "The text to display as the validation message when `disablePast` is true and a date in the past is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Dates in the past are not allowed. Please select a date in the future.\"" + } + ], "default": "\"Dates in the past are not allowed. Please select a date in the future.\"", "values": [ { @@ -5138,7 +5512,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5162,7 +5541,12 @@ "attr": "emit-date-part-change", "reflectToAttr": false, "docs": "If `true`, every individual input field completed will emit an icChange event.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5215,7 +5599,12 @@ "attr": "hide-helper-text", "reflectToAttr": false, "docs": "If `true`, the helper text will be visually hidden, but still read out by screenreaders.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5239,7 +5628,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be visually hidden, but will still be read out by screen readers.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5266,7 +5660,12 @@ "attr": "input-id", "reflectToAttr": false, "docs": "The ID for the input.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`ic-date-input-${inputIds++}`" + } + ], "default": "`ic-date-input-${inputIds++}`", "values": [ { @@ -5290,7 +5689,12 @@ "attr": "invalid-date-message", "reflectToAttr": false, "docs": "The text to display as the validation message when an invalid date is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Please enter a valid date.\"" + } + ], "default": "\"Please enter a valid date.\"", "values": [ { @@ -5342,7 +5746,12 @@ "attr": "max", "reflectToAttr": false, "docs": "The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\nThe value of this prop is ignored if `disableFuture` is set to `true`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -5374,7 +5783,12 @@ "attr": "min", "reflectToAttr": false, "docs": "The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\nThe value of this prop is ignored if `disablePast` is set to `true`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -5401,7 +5815,12 @@ "attr": "name", "reflectToAttr": false, "docs": "The name of the control, which is submitted with the form data.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.inputId" + } + ], "default": "this.inputId", "values": [ { @@ -5425,7 +5844,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the input will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5449,7 +5873,12 @@ "attr": "show-clear-button", "reflectToAttr": false, "docs": "If `true`, a button which clears the date input when clicked will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -5474,7 +5903,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -5482,7 +5912,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the date input to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -5513,7 +5948,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -5521,7 +5957,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the date picker to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -5555,7 +5996,8 @@ "IcAriaLive": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcAriaLive" + "id": "src/utils/types.ts::IcAriaLive", + "referenceLocation": "IcAriaLive" } } }, @@ -5563,7 +6005,12 @@ "attr": "validation-aria-live", "reflectToAttr": false, "docs": "The value of the `aria-live` attribute on the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"polite\"" + } + ], "default": "\"polite\"", "values": [ { @@ -5594,7 +6041,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -5602,7 +6050,12 @@ "attr": "validation-status", "reflectToAttr": false, "docs": "The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -5638,7 +6091,12 @@ "attr": "validation-text", "reflectToAttr": false, "docs": "The text to display as the validation message. This will override the built-in date validation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -5663,7 +6121,8 @@ "IcDateValueFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDateValueFormat" + "id": "src/utils/types.ts::IcDateValueFormat", + "referenceLocation": "IcDateValueFormat" } } }, @@ -5671,7 +6130,12 @@ "attr": "value", "reflectToAttr": false, "docs": "The value of the date input. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -5794,9 +6258,8 @@ } ], "parts": [], - "dependents": [ - "ic-date-picker" - ], + "states": [], + "dependents": ["ic-date-picker"], "dependencies": [ "ic-input-container", "ic-input-label", @@ -5812,26 +6275,12 @@ "ic-button", "ic-input-validation" ], - "ic-input-label": [ - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-input-validation": [ - "ic-typography" - ], - "ic-date-picker": [ - "ic-date-input" - ] + "ic-input-label": ["ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-input-validation": ["ic-typography"], + "ic-date-picker": ["ic-date-input"] } }, { @@ -5858,7 +6307,8 @@ "IcDateFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDateFormat" + "id": "src/utils/types.ts::IcDateFormat", + "referenceLocation": "IcDateFormat" } } }, @@ -5866,7 +6316,12 @@ "attr": "date-format", "reflectToAttr": false, "docs": "The format in which the date will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"DD/MM/YYYY\"" + } + ], "default": "\"DD/MM/YYYY\"", "values": [ { @@ -5897,14 +6352,20 @@ "IcWeekDays": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcWeekDays" + "id": "src/utils/types.ts::IcWeekDays", + "referenceLocation": "IcWeekDays" } } }, "mutable": false, "reflectToAttr": false, "docs": "The days of the week to disable.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -5931,7 +6392,12 @@ "attr": "disable-days-message", "reflectToAttr": false, "docs": "The text to display as the validation message when `disableDays` is `true` and a disabled date is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"The date you have selected is on a day of the week that is not allowed. Please select another date.\"" + } + ], "default": "\"The date you have selected is on a day of the week that is not allowed. Please select another date.\"", "values": [ { @@ -5958,7 +6424,12 @@ "attr": "disable-future", "reflectToAttr": false, "docs": "If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -5985,7 +6456,12 @@ "attr": "disable-future-message", "reflectToAttr": false, "docs": "The text to display as the validation message when `disableFuture` is `true` and a date in the future is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Dates in the future are not allowed. Please select a date in the past.\"" + } + ], "default": "\"Dates in the future are not allowed. Please select a date in the past.\"", "values": [ { @@ -6012,7 +6488,12 @@ "attr": "disable-past", "reflectToAttr": false, "docs": "If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -6039,7 +6520,12 @@ "attr": "disable-past-message", "reflectToAttr": false, "docs": "The text to display as the validation message when `disablePast` is `true` and a date in the past is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Dates in the past are not allowed. Please select a date in the future.\"" + } + ], "default": "\"Dates in the past are not allowed. Please select a date in the future.\"", "values": [ { @@ -6066,7 +6552,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -6090,7 +6581,12 @@ "attr": "emit-date-part-change", "reflectToAttr": false, "docs": "If `true`, every individual input field completed will emit an icChange event.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -6143,7 +6639,12 @@ "attr": "hide-helper-text", "reflectToAttr": false, "docs": "If `true`, the helper text will be visually hidden, but still read out by screenreaders.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -6167,7 +6668,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be visually hidden, but the required label will still be read out by screen readers.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -6220,7 +6726,12 @@ "attr": "invalid-date-message", "reflectToAttr": false, "docs": "The text to display as the validation message when an invalid date is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Please enter a valid date.\"" + } + ], "default": "\"Please enter a valid date.\"", "values": [ { @@ -6275,7 +6786,12 @@ "attr": "max", "reflectToAttr": false, "docs": "The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\nThe value of this prop is ignored if `disableFuture` is set to `true`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -6307,7 +6823,12 @@ "attr": "min", "reflectToAttr": false, "docs": "The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\nThe value of this prop is ignored if `disablePast` is set to `true`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -6365,9 +6886,14 @@ "attr": "open-at-date", "reflectToAttr": false, "docs": "The date visible when the calendar opens. Used if no date is currently selected.\nThe value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.", - "docsTags": [], - "default": "\"\"", - "values": [ + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], + "default": "\"\"", + "values": [ { "type": "Date" }, @@ -6392,7 +6918,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the input will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -6419,7 +6950,12 @@ "attr": "show-clear-button", "reflectToAttr": false, "docs": "If 'true', the 'X' button on the date input will be visible, which clears the field.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -6446,7 +6982,12 @@ "attr": "show-days-outside-month", "reflectToAttr": false, "docs": "If `true`, days outside the current month will be visible in the date picker.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -6473,7 +7014,12 @@ "attr": "show-picker-clear-button", "reflectToAttr": false, "docs": "If `true`, the `Clear` button on the date picker will be visible.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -6500,7 +7046,12 @@ "attr": "show-picker-today-button", "reflectToAttr": false, "docs": "If `true`, the `Go to today` button on the date picker will be visible.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -6525,7 +7076,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -6533,7 +7085,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the date picker to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -6567,7 +7124,8 @@ "IcWeekDays": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcWeekDays" + "id": "src/utils/types.ts::IcWeekDays", + "referenceLocation": "IcWeekDays" } } }, @@ -6575,7 +7133,12 @@ "attr": "start-of-week", "reflectToAttr": false, "docs": "The first day of the week. `0` for Sunday, `1` for Monday, etc.\nDefault is Monday.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "IcWeekDays.Monday" + } + ], "default": "IcWeekDays.Monday", "values": [ { @@ -6615,7 +7178,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -6623,7 +7187,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the date picker to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -6657,7 +7226,8 @@ "IcAriaLive": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcAriaLive" + "id": "src/utils/types.ts::IcAriaLive", + "referenceLocation": "IcAriaLive" } } }, @@ -6665,7 +7235,12 @@ "attr": "validation-aria-live", "reflectToAttr": false, "docs": "The value of the `aria-live` attribute on the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"polite\"" + } + ], "default": "\"polite\"", "values": [ { @@ -6696,7 +7271,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -6704,7 +7280,12 @@ "attr": "validation-status", "reflectToAttr": false, "docs": "The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -6743,7 +7324,12 @@ "attr": "validation-text", "reflectToAttr": false, "docs": "The text to display as the validation message. This will override the built-in date validation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -6768,7 +7354,8 @@ "IcDateValueFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDateValueFormat" + "id": "src/utils/types.ts::IcDateValueFormat", + "referenceLocation": "IcDateValueFormat" } } }, @@ -6776,7 +7363,12 @@ "attr": "value", "reflectToAttr": false, "docs": "The value of the date picker. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -6862,16 +7454,11 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-date-input", - "ic-calendar" - ], + "dependencies": ["ic-date-input", "ic-calendar"], "dependencyGraph": { - "ic-date-picker": [ - "ic-date-input", - "ic-calendar" - ], + "ic-date-picker": ["ic-date-input", "ic-calendar"], "ic-date-input": [ "ic-input-container", "ic-input-label", @@ -6879,27 +7466,12 @@ "ic-button", "ic-input-validation" ], - "ic-input-label": [ - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-input-validation": [ - "ic-typography" - ], - "ic-calendar": [ - "ic-button", - "ic-typography" - ] + "ic-input-label": ["ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-input-validation": ["ic-typography"], + "ic-calendar": ["ic-button", "ic-typography"] } }, { @@ -6934,7 +7506,8 @@ "IcDrawerBoundary": { "location": "import", "path": "./ic-drawer.types", - "id": "src/components/ic-drawer/ic-drawer.types.tsx::IcDrawerBoundary" + "id": "src/components/ic-drawer/ic-drawer.types.tsx::IcDrawerBoundary", + "referenceLocation": "IcDrawerBoundary" } } }, @@ -6942,7 +7515,12 @@ "attr": "boundary", "reflectToAttr": false, "docs": "The area within which the drawer should be contained. When set to \"parent\", the value of the parent element's `position` CSS property must not be \"static\".", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"viewport\"" + } + ], "default": "\"viewport\"", "values": [ { @@ -7023,7 +7601,12 @@ "attr": "close-on-backdrop-click", "reflectToAttr": false, "docs": "If `true`, the drawer will close when the backdrop is clicked.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -7047,7 +7630,12 @@ "attr": "expanded", "reflectToAttr": true, "docs": "If `true`, the drawer will display in an expanded state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -7097,7 +7685,12 @@ "attr": "hide-close-button", "reflectToAttr": false, "docs": "If set to `true`, the X (close) button which is displayed when `trigger` is set to \"controlled\" will be hidden.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -7145,7 +7738,8 @@ "IcPosition": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcPosition" + "id": "src/utils/types.ts::IcPosition", + "referenceLocation": "IcPosition" } } }, @@ -7153,7 +7747,12 @@ "attr": "position", "reflectToAttr": false, "docs": "The position of the drawer.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"right\"" + } + ], "default": "\"right\"", "values": [ { @@ -7188,7 +7787,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -7196,7 +7796,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the expanded drawer.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -7227,7 +7832,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -7235,7 +7841,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the drawer to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -7268,7 +7879,12 @@ "attr": "trigger", "reflectToAttr": false, "docs": "The method in which the drawer is expanded.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"chevron\"" + } + ], "default": "\"chevron\"", "values": [ { @@ -7299,7 +7915,8 @@ "IcDrawerExpandedDetail": { "location": "import", "path": "./ic-drawer.types", - "id": "src/components/ic-drawer/ic-drawer.types.tsx::IcDrawerExpandedDetail" + "id": "src/components/ic-drawer/ic-drawer.types.tsx::IcDrawerExpandedDetail", + "referenceLocation": "IcDrawerExpandedDetail" } } }, @@ -7349,27 +7966,14 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-button", - "ic-typography" - ], + "dependencies": ["ic-button", "ic-typography"], "dependencyGraph": { - "ic-drawer": [ - "ic-button", - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-drawer": ["ic-button", "ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"] } }, { @@ -7412,7 +8016,8 @@ "IcEmptyStateAlignment": { "location": "import", "path": "./ic-empty-state.types", - "id": "../web-components/src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment" + "id": "../web-components/src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment", + "referenceLocation": "IcEmptyStateAlignment" } } }, @@ -7420,7 +8025,12 @@ "attr": "aligned", "reflectToAttr": false, "docs": "The alignment of the empty state container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"left\"" + } + ], "default": "\"left\"", "values": [ { @@ -7506,7 +8116,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -7514,7 +8125,12 @@ "attr": "image-size", "reflectToAttr": false, "docs": "The size of the image or icon used in the image slot.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -7600,7 +8216,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -7608,7 +8225,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -7660,19 +8282,12 @@ } ], "parts": [], - "dependents": [ - "ic-data-table" - ], - "dependencies": [ - "ic-typography" - ], + "states": [], + "dependents": ["ic-data-table"], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-empty-state": [ - "ic-typography" - ], - "ic-data-table": [ - "ic-empty-state" - ] + "ic-empty-state": ["ic-typography"], + "ic-data-table": ["ic-empty-state"] } }, { @@ -7711,7 +8326,8 @@ "IcAlignment": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAlignment" + "id": "../web-components/src/utils/types.ts::IcAlignment", + "referenceLocation": "IcAlignment" } } }, @@ -7719,7 +8335,12 @@ "attr": "aligned", "reflectToAttr": false, "docs": "The alignment of the section containers used within the footer.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"left\"" + } + ], "default": "\"left\"", "values": [ { @@ -7753,7 +8374,8 @@ "IcFooterBreakpoints": { "location": "import", "path": "./ic-footer.types", - "id": "../web-components/src/components/ic-footer/ic-footer.types.tsx::IcFooterBreakpoints" + "id": "../web-components/src/components/ic-footer/ic-footer.types.tsx::IcFooterBreakpoints", + "referenceLocation": "IcFooterBreakpoints" } } }, @@ -7761,7 +8383,12 @@ "attr": "breakpoint", "reflectToAttr": false, "docs": "The screen size breakpoint at which to switch to the small layout.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -7831,7 +8458,12 @@ "attr": "copyright", "reflectToAttr": false, "docs": "If `true`, the footer will display the crown copyright at the bottom.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -7858,7 +8490,12 @@ "attr": "copyright-text", "reflectToAttr": false, "docs": "The text displayed for the copyright notice if `copyright` is `true`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"© Crown Copyright\"" + } + ], "default": "\"© Crown Copyright\"", "values": [ { @@ -7911,7 +8548,12 @@ "attr": "group-links", "reflectToAttr": false, "docs": "If `true`, the footer will be set up to handle link groups instead of standalone links.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -7957,16 +8599,11 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-section-container", - "ic-typography" - ], + "dependencies": ["ic-section-container", "ic-typography"], "dependencyGraph": { - "ic-footer": [ - "ic-section-container", - "ic-typography" - ] + "ic-footer": ["ic-section-container", "ic-typography"] } }, { @@ -7988,7 +8625,8 @@ "IcBrandForeground": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcBrandForeground" + "id": "../web-components/src/utils/types.ts::IcBrandForeground", + "referenceLocation": "IcBrandForeground" } } }, @@ -7996,7 +8634,12 @@ "attr": "appearance", "reflectToAttr": false, "docs": "The appearance of the horizontal scroll, e.g. dark, light or the default.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"default\"" + } + ], "default": "\"default\"", "values": [ { @@ -8027,38 +8670,17 @@ "styles": [], "slots": [], "parts": [], - "dependents": [ - "ic-page-header", - "ic-tab-group", - "ic-top-navigation" - ], - "dependencies": [ - "ic-button" - ], + "states": [], + "dependents": ["ic-page-header", "ic-tab-group", "ic-top-navigation"], + "dependencies": ["ic-button"], "dependencyGraph": { - "ic-horizontal-scroll": [ - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-page-header": [ - "ic-horizontal-scroll" - ], - "ic-tab-group": [ - "ic-horizontal-scroll" - ], - "ic-top-navigation": [ - "ic-horizontal-scroll" - ] + "ic-horizontal-scroll": ["ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-page-header": ["ic-horizontal-scroll"], + "ic-tab-group": ["ic-horizontal-scroll"], + "ic-top-navigation": ["ic-horizontal-scroll"] } }, { @@ -8087,7 +8709,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8114,7 +8741,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the input component container will fill the width of the container it is in.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8141,7 +8773,12 @@ "attr": "multi-line", "reflectToAttr": false, "docs": "If `true`, the input component container will allow for multiple lines.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8168,7 +8805,12 @@ "attr": "readonly", "reflectToAttr": false, "docs": "If `true`, the readonly state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8193,7 +8835,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -8201,7 +8844,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the input component container component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -8237,7 +8885,12 @@ "attr": "validation-inline", "reflectToAttr": false, "docs": "If `true`, the validation will display inline.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8262,7 +8915,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -8270,9 +8924,14 @@ "attr": "validation-status", "reflectToAttr": false, "docs": "The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.", - "docsTags": [], - "default": "\"\"", - "values": [ + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], + "default": "\"\"", + "values": [ { "type": "\"\"" }, @@ -8375,6 +9034,7 @@ } ], "parts": [], + "states": [], "dependents": [ "ic-date-input", "ic-search-bar", @@ -8384,21 +9044,11 @@ ], "dependencies": [], "dependencyGraph": { - "ic-date-input": [ - "ic-input-component-container" - ], - "ic-search-bar": [ - "ic-input-component-container" - ], - "ic-select": [ - "ic-input-component-container" - ], - "ic-text-field": [ - "ic-input-component-container" - ], - "ic-time-input": [ - "ic-input-component-container" - ] + "ic-date-input": ["ic-input-component-container"], + "ic-search-bar": ["ic-input-component-container"], + "ic-select": ["ic-input-component-container"], + "ic-text-field": ["ic-input-component-container"], + "ic-time-input": ["ic-input-component-container"] } }, { @@ -8422,7 +9072,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8449,7 +9104,12 @@ "attr": "readonly", "reflectToAttr": false, "docs": "If `true`, the readonly state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8471,6 +9131,7 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [ "ic-date-input", "ic-search-bar", @@ -8480,21 +9141,11 @@ ], "dependencies": [], "dependencyGraph": { - "ic-date-input": [ - "ic-input-container" - ], - "ic-search-bar": [ - "ic-input-container" - ], - "ic-select": [ - "ic-input-container" - ], - "ic-text-field": [ - "ic-input-container" - ], - "ic-time-input": [ - "ic-input-container" - ] + "ic-date-input": ["ic-input-container"], + "ic-search-bar": ["ic-input-container"], + "ic-select": ["ic-input-container"], + "ic-text-field": ["ic-input-container"], + "ic-time-input": ["ic-input-container"] } }, { @@ -8523,7 +9174,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8576,7 +9232,12 @@ "attr": "helper-text", "reflectToAttr": false, "docs": "The helper text that will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -8600,7 +9261,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "The label will be visually hidden.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8647,7 +9313,12 @@ "attr": "readonly", "reflectToAttr": false, "docs": "If `true`, the readonly state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8671,7 +9342,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the input label will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8695,7 +9371,12 @@ "attr": "status", "reflectToAttr": false, "docs": "The status of the label - e.g. 'error'.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -8723,6 +9404,7 @@ } ], "parts": [], + "states": [], "dependents": [ "ic-date-input", "ic-radio-group", @@ -8732,34 +9414,16 @@ "ic-text-field", "ic-time-input" ], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-input-label": [ - "ic-typography" - ], - "ic-date-input": [ - "ic-input-label" - ], - "ic-radio-group": [ - "ic-input-label" - ], - "ic-search-bar": [ - "ic-input-label" - ], - "ic-select": [ - "ic-input-label" - ], - "ic-switch": [ - "ic-input-label" - ], - "ic-text-field": [ - "ic-input-label" - ], - "ic-time-input": [ - "ic-input-label" - ] + "ic-input-label": ["ic-typography"], + "ic-date-input": ["ic-input-label"], + "ic-radio-group": ["ic-input-label"], + "ic-search-bar": ["ic-input-label"], + "ic-select": ["ic-input-label"], + "ic-switch": ["ic-input-label"], + "ic-text-field": ["ic-input-label"], + "ic-time-input": ["ic-input-label"] } }, { @@ -8790,7 +9454,8 @@ "IcAriaLive": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAriaLive" + "id": "../web-components/src/utils/types.ts::IcAriaLive", + "referenceLocation": "IcAriaLive" } } }, @@ -8798,7 +9463,12 @@ "attr": "aria-live-mode", "reflectToAttr": false, "docs": "The ARIA live mode to apply to the message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"polite\"" + } + ], "default": "\"polite\"", "values": [ { @@ -8860,7 +9530,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the input validation will fill the width of the container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -8911,7 +9586,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -8919,7 +9595,12 @@ "attr": "status", "reflectToAttr": false, "docs": "The status of the validation - e.g. 'error' | 'warning' | 'success'.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -8962,6 +9643,7 @@ } ], "parts": [], + "states": [], "dependents": [ "ic-date-input", "ic-radio-group", @@ -8969,28 +9651,14 @@ "ic-text-field", "ic-time-input" ], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-input-validation": [ - "ic-typography" - ], - "ic-date-input": [ - "ic-input-validation" - ], - "ic-radio-group": [ - "ic-input-validation" - ], - "ic-select": [ - "ic-input-validation" - ], - "ic-text-field": [ - "ic-input-validation" - ], - "ic-time-input": [ - "ic-input-validation" - ] + "ic-input-validation": ["ic-typography"], + "ic-date-input": ["ic-input-validation"], + "ic-radio-group": ["ic-input-validation"], + "ic-select": ["ic-input-validation"], + "ic-text-field": ["ic-input-validation"], + "ic-time-input": ["ic-input-validation"] } }, { @@ -9019,7 +9687,12 @@ "attr": "download", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -9101,7 +9774,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the link will display as black in the light theme, and white in the dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -9241,7 +9919,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -9249,7 +9928,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -9315,18 +9999,12 @@ } ], "parts": [], - "dependents": [ - "ic-data-table", - "ic-skip-link" - ], + "states": [], + "dependents": ["ic-data-table", "ic-skip-link"], "dependencies": [], "dependencyGraph": { - "ic-data-table": [ - "ic-link" - ], - "ic-skip-link": [ - "ic-link" - ] + "ic-data-table": ["ic-link"], + "ic-skip-link": ["ic-link"] } }, { @@ -9350,7 +10028,12 @@ "attr": "description", "reflectToAttr": false, "docs": "The description that will be set as the aria-label of the loading indicator when not using a visible label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Loading\"" + } + ], "default": "\"Loading\"", "values": [ { @@ -9374,7 +10057,12 @@ "attr": "full-width", "reflectToAttr": true, "docs": "If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -9427,7 +10115,12 @@ "attr": "label-duration", "reflectToAttr": false, "docs": "The time in milliseconds before the label changes.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "8000" + } + ], "default": "8000", "values": [ { @@ -9451,7 +10144,12 @@ "attr": "max", "reflectToAttr": false, "docs": "The maximum value that the progress value can take.\nUsed to calculate the proportional width of the progress bar.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "100" + } + ], "default": "100", "values": [ { @@ -9475,7 +10173,12 @@ "attr": "min", "reflectToAttr": false, "docs": "The minimum value that the progress value can take.\nUsed to calculate the proportional width of the progress bar.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "0" + } + ], "default": "0", "values": [ { @@ -9499,7 +10202,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the element will display as black and white.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -9547,7 +10255,8 @@ "IcLoadingSizes": { "location": "import", "path": "./ic-loading-indicator.types", - "id": "../web-components/src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingSizes" + "id": "../web-components/src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingSizes", + "referenceLocation": "IcLoadingSizes" } } }, @@ -9555,7 +10264,12 @@ "attr": "size", "reflectToAttr": true, "docs": "The size of the loading indicator.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -9590,7 +10304,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -9598,7 +10313,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -9629,7 +10349,8 @@ "IcLoadingTypes": { "location": "import", "path": "./ic-loading-indicator.types", - "id": "../web-components/src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingTypes" + "id": "../web-components/src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingTypes", + "referenceLocation": "IcLoadingTypes" } } }, @@ -9637,7 +10358,12 @@ "attr": "type", "reflectToAttr": true, "docs": "The type of indicator, either linear or circular. When size is set to 'icon' the type will be set to circular.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"circular\"" + } + ], "default": "\"circular\"", "values": [ { @@ -9672,27 +10398,14 @@ "docs": "" } ], - "dependents": [ - "ic-button", - "ic-data-table", - "ic-menu" - ], - "dependencies": [ - "ic-typography" - ], + "states": [], + "dependents": ["ic-button", "ic-data-table", "ic-menu"], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-button": [ - "ic-loading-indicator" - ], - "ic-data-table": [ - "ic-loading-indicator" - ], - "ic-menu": [ - "ic-loading-indicator" - ] + "ic-loading-indicator": ["ic-typography"], + "ic-button": ["ic-loading-indicator"], + "ic-data-table": ["ic-loading-indicator"], + "ic-menu": ["ic-loading-indicator"] } }, { @@ -9714,7 +10427,8 @@ "IcActivationTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcActivationTypes" + "id": "../web-components/src/utils/types.ts::IcActivationTypes", + "referenceLocation": "IcActivationTypes" } } }, @@ -9722,7 +10436,12 @@ "attr": "activation-type", "reflectToAttr": false, "docs": "Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"automatic\"" + } + ], "default": "\"automatic\"", "values": [ { @@ -9781,7 +10500,12 @@ "attr": "close-on-select", "reflectToAttr": false, "docs": "If `true`, the menu will close when an option is selected.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -9805,7 +10529,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the menu will fill the width of the container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -9882,7 +10611,12 @@ "attr": "label-field", "reflectToAttr": false, "docs": "The custom name for the label field for IcMenuOption.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"label\"" + } + ], "default": "\"label\"", "values": [ { @@ -9950,7 +10684,8 @@ "IcMenuOption": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcMenuOption" + "id": "../web-components/src/utils/types.ts::IcMenuOption", + "referenceLocation": "IcMenuOption" } } }, @@ -9978,7 +10713,8 @@ "IcSearchBarSearchModes": { "location": "import", "path": "../ic-search-bar/ic-search-bar.types", - "id": "../web-components/src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes" + "id": "../web-components/src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes", + "referenceLocation": "IcSearchBarSearchModes" } } }, @@ -9986,7 +10722,12 @@ "attr": "search-mode", "reflectToAttr": false, "docs": "Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"navigation\"" + } + ], "default": "\"navigation\"", "values": [ { @@ -10013,7 +10754,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -10021,7 +10763,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the menu.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -10080,7 +10827,12 @@ "attr": "value-field", "reflectToAttr": false, "docs": "The custom name for the value field for IcMenuOption.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"value\"" + } + ], "default": "\"value\"", "values": [ { @@ -10207,38 +10959,16 @@ ], "slots": [], "parts": [], - "dependents": [ - "ic-search-bar", - "ic-select" - ], - "dependencies": [ - "ic-loading-indicator", - "ic-typography", - "ic-button" - ], + "states": [], + "dependents": ["ic-search-bar", "ic-select"], + "dependencies": ["ic-loading-indicator", "ic-typography", "ic-button"], "dependencyGraph": { - "ic-menu": [ - "ic-loading-indicator", - "ic-typography", - "ic-button" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-search-bar": [ - "ic-menu" - ], - "ic-select": [ - "ic-menu" - ] + "ic-menu": ["ic-loading-indicator", "ic-typography", "ic-button"], + "ic-loading-indicator": ["ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-tooltip": ["ic-typography"], + "ic-search-bar": ["ic-menu"], + "ic-select": ["ic-menu"] } }, { @@ -10283,14 +11013,11 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-menu-group": [ - "ic-typography" - ] + "ic-menu-group": ["ic-typography"] } }, { @@ -10319,7 +11046,12 @@ "attr": "checked", "reflectToAttr": true, "docs": "If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -10399,7 +11131,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the menu item will be in disabled state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -10666,7 +11403,8 @@ "IcMenuItemVariants": { "location": "import", "path": "./ic-menu-item.types", - "id": "../web-components/src/components/ic-menu-item/ic-menu-item.types.ts::IcMenuItemVariants" + "id": "../web-components/src/components/ic-menu-item/ic-menu-item.types.ts::IcMenuItemVariants", + "referenceLocation": "IcMenuItemVariants" } } }, @@ -10674,7 +11412,12 @@ "attr": "variant", "reflectToAttr": true, "docs": "The variant of the menu item.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"default\"" + } + ], "default": "\"default\"", "values": [ { @@ -10731,32 +11474,15 @@ } ], "parts": [], - "dependents": [ - "ic-popover-menu" - ], - "dependencies": [ - "ic-typography", - "ic-button" - ], + "states": [], + "dependents": ["ic-popover-menu"], + "dependencies": ["ic-typography", "ic-button"], "dependencyGraph": { - "ic-menu-item": [ - "ic-typography", - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-popover-menu": [ - "ic-menu-item" - ] + "ic-menu-item": ["ic-typography", "ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-popover-menu": ["ic-menu-item"] } }, { @@ -10793,7 +11519,12 @@ "attr": "download", "reflectToAttr": false, "docs": "If `true`, the user can save the linked URL instead of navigating to it.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -10820,7 +11551,12 @@ "attr": "href", "reflectToAttr": false, "docs": "The destination of the navigation item.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -10985,7 +11721,12 @@ "attr": "selected", "reflectToAttr": false, "docs": "If `true`, the navigation item will be set in a selected state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11033,7 +11774,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -11041,7 +11783,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -11119,19 +11866,12 @@ "docs": "The `` within ic-navigation-item" } ], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography", - "ic-tooltip" - ], + "dependencies": ["ic-typography", "ic-tooltip"], "dependencyGraph": { - "ic-navigation-item": [ - "ic-typography", - "ic-tooltip" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-navigation-item": ["ic-typography", "ic-tooltip"], + "ic-tooltip": ["ic-typography"] } }, { @@ -11186,7 +11926,8 @@ "IcAlignment": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAlignment" + "id": "../web-components/src/utils/types.ts::IcAlignment", + "referenceLocation": "IcAlignment" } } }, @@ -11194,7 +11935,12 @@ "attr": "aligned", "reflectToAttr": false, "docs": "The alignment of the page header.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"left\"" + } + ], "default": "\"left\"", "values": [ { @@ -11230,7 +11976,12 @@ "attr": "border", "reflectToAttr": false, "docs": "If `true`, a border will be displayed along the bottom of the page header.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -11283,7 +12034,12 @@ "attr": "reverse-order", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11308,7 +12064,8 @@ "IcSizesNoLarge": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizesNoLarge" + "id": "../web-components/src/utils/types.ts::IcSizesNoLarge", + "referenceLocation": "IcSizesNoLarge" } } }, @@ -11316,7 +12073,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the page header component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -11348,7 +12110,12 @@ "attr": "sticky", "reflectToAttr": false, "docs": "If `true`, the page header will be sticky at all breakpoints.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11375,7 +12142,12 @@ "attr": "sticky-desktop-only", "reflectToAttr": false, "docs": "If `true`, the page header will only be sticky for viewport widths of 992px and above.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11426,7 +12198,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -11434,7 +12207,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -11504,6 +12282,7 @@ } ], "parts": [], + "states": [], "dependents": [], "dependencies": [ "ic-section-container", @@ -11516,20 +12295,10 @@ "ic-typography", "ic-horizontal-scroll" ], - "ic-horizontal-scroll": [ - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-horizontal-scroll": ["ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"] } }, { @@ -11553,7 +12322,12 @@ "attr": "accessible-label", "reflectToAttr": false, "docs": "The accessible label of the pagination component to provide context for screen reader users.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Pagination Navigation\"" + } + ], "default": "\"Pagination Navigation\"", "values": [ { @@ -11580,7 +12354,12 @@ "attr": "adjacent-page-count", "reflectToAttr": false, "docs": "The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "1" + } + ], "default": "1", "values": [ { @@ -11607,7 +12386,12 @@ "attr": "boundary-page-count", "reflectToAttr": false, "docs": "The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "1" + } + ], "default": "1", "values": [ { @@ -11634,7 +12418,12 @@ "attr": "current-page", "reflectToAttr": false, "docs": "The current page displayed by the pagination.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.defaultPage" + } + ], "default": "this.defaultPage", "values": [ { @@ -11661,7 +12450,12 @@ "attr": "default-page", "reflectToAttr": false, "docs": "The default page to display.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "1" + } + ], "default": "1", "values": [ { @@ -11688,7 +12482,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the pagination will not allow interaction.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11715,7 +12514,12 @@ "attr": "hide-current-page", "reflectToAttr": false, "docs": "If `true`, the current page of the simple pagination will not be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11742,7 +12546,12 @@ "attr": "hide-first-and-last-page-button", "reflectToAttr": false, "docs": "If `true`, the first and last page buttons will not be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11769,7 +12578,12 @@ "attr": "label", "reflectToAttr": false, "docs": "The label for the pagination item (applicable when simple pagination is being used).", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Page\"" + } + ], "default": "\"Page\"", "values": [ { @@ -11796,7 +12610,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the pagination will display as black in the light theme, and white in dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -11844,7 +12663,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -11852,7 +12672,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -11886,7 +12711,8 @@ "IcPaginationTypes": { "location": "import", "path": "./ic-pagination.types", - "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationTypes" + "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationTypes", + "referenceLocation": "IcPaginationTypes" } } }, @@ -11894,7 +12720,12 @@ "attr": "type", "reflectToAttr": false, "docs": "The type of pagination to be used.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"simple\"" + } + ], "default": "\"simple\"", "values": [ { @@ -11968,7 +12799,8 @@ "IcChangeEventDetail": { "location": "import", "path": "./ic-pagination.types", - "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcChangeEventDetail" + "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcChangeEventDetail", + "referenceLocation": "IcChangeEventDetail" } } }, @@ -11993,35 +12825,16 @@ "styles": [], "slots": [], "parts": [], - "dependents": [ - "ic-pagination-bar" - ], - "dependencies": [ - "ic-button", - "ic-pagination-item" - ], + "states": [], + "dependents": ["ic-pagination-bar"], + "dependencies": ["ic-button", "ic-pagination-item"], "dependencyGraph": { - "ic-pagination": [ - "ic-button", - "ic-pagination-item" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-pagination-item": [ - "ic-typography" - ], - "ic-pagination-bar": [ - "ic-pagination" - ] + "ic-pagination": ["ic-button", "ic-pagination-item"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-pagination-item": ["ic-typography"], + "ic-pagination-bar": ["ic-pagination"] } }, { @@ -12045,7 +12858,12 @@ "attr": "accessible-label", "reflectToAttr": false, "docs": "The accessible label passed down to the pagination component to provide context for screen reader users.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Pagination Navigation\"" + } + ], "default": "\"Pagination Navigation\"", "values": [ { @@ -12070,7 +12888,8 @@ "IcPaginationAlignmentOptions": { "location": "import", "path": "../ic-pagination/ic-pagination.types", - "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationAlignmentOptions" + "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationAlignmentOptions", + "referenceLocation": "IcPaginationAlignmentOptions" } } }, @@ -12078,7 +12897,12 @@ "attr": "alignment", "reflectToAttr": false, "docs": "Sets the alignment of the items in the pagination bar.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"right\"" + } + ], "default": "\"right\"", "values": [ { @@ -12114,7 +12938,12 @@ "attr": "current-page", "reflectToAttr": false, "docs": "The current page number to be displayed on the pagination bar.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "1" + } + ], "default": "1", "values": [ { @@ -12141,7 +12970,12 @@ "attr": "hide-all-from-items-per-page", "reflectToAttr": false, "docs": "If `true`, the 'All' option will be hidden from the 'items per page' select input.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12168,7 +13002,12 @@ "attr": "hide-current-page", "reflectToAttr": false, "docs": "If `true`, the current page of the simple pagination will not be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12195,7 +13034,12 @@ "attr": "hide-first-and-last-page-button", "reflectToAttr": false, "docs": "If `true`, the first and last page buttons will not be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12222,7 +13066,12 @@ "attr": "hide-range-label", "reflectToAttr": false, "docs": "If `true`, the number of total items and current item range or number of total pages and current page will be hidden.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12249,7 +13098,12 @@ "attr": "item-label", "reflectToAttr": false, "docs": "The text which will be used in place of 'Item' on the pagination bar.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Item\"" + } + ], "default": "\"Item\"", "values": [ { @@ -12301,7 +13155,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the pagination bar will display as black in the light theme, and white in dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12328,7 +13187,12 @@ "attr": "page-label", "reflectToAttr": false, "docs": "The text which will be used in place of 'Page' on the pagination bar.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Page\"" + } + ], "default": "\"Page\"", "values": [ { @@ -12353,7 +13217,8 @@ "IcPaginationLabelTypes": { "location": "import", "path": "../ic-pagination/ic-pagination.types", - "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationLabelTypes" + "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationLabelTypes", + "referenceLocation": "IcPaginationLabelTypes" } } }, @@ -12361,7 +13226,12 @@ "attr": "range-label-type", "reflectToAttr": false, "docs": "Whether total number of items and current item range or total number of pages and current page is displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"page\"" + } + ], "default": "\"page\"", "values": [ { @@ -12393,7 +13263,12 @@ "attr": "select-items-per-page-on-enter", "reflectToAttr": false, "docs": "If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -12443,7 +13318,12 @@ "attr": "set-to-first-page-on-pagination-change", "reflectToAttr": false, "docs": "If `true`, the pagination bar is set to the first page when the 'items per page' changes", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12470,9 +13350,14 @@ "attr": "show-go-to-page-control", "reflectToAttr": false, "docs": "If `true`, the 'go to page' control should be displayed.", - "docsTags": [], - "default": "false", - "values": [ + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], + "default": "false", + "values": [ { "type": "boolean" }, @@ -12497,7 +13382,12 @@ "attr": "show-items-per-page-control", "reflectToAttr": false, "docs": "If `true`, the select input to control 'items per page' should be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12522,7 +13412,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -12530,7 +13421,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -12587,7 +13483,8 @@ "IcPaginationTypes": { "location": "import", "path": "../ic-pagination/ic-pagination.types", - "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationTypes" + "id": "../web-components/src/components/ic-pagination/ic-pagination.types.ts::IcPaginationTypes", + "referenceLocation": "IcPaginationTypes" } } }, @@ -12595,7 +13492,12 @@ "attr": "type", "reflectToAttr": false, "docs": "Whether the displayed pagination is simple or complex.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"simple\"" + } + ], "default": "\"simple\"", "values": [ { @@ -12629,7 +13531,8 @@ "IcItemsPerPageChangeEventDetail": { "location": "import", "path": "./ic-pagination-bar.types", - "id": "../web-components/src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcItemsPerPageChangeEventDetail" + "id": "../web-components/src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcItemsPerPageChangeEventDetail", + "referenceLocation": "IcItemsPerPageChangeEventDetail" } } }, @@ -12649,7 +13552,8 @@ "IcPageChangeEventDetail": { "location": "import", "path": "./ic-pagination-bar.types", - "id": "../web-components/src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcPageChangeEventDetail" + "id": "../web-components/src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcPageChangeEventDetail", + "referenceLocation": "IcPageChangeEventDetail" } } }, @@ -12669,9 +13573,8 @@ "styles": [], "slots": [], "parts": [], - "dependents": [ - "ic-data-table" - ], + "states": [], + "dependents": ["ic-data-table"], "dependencies": [ "ic-typography", "ic-select", @@ -12698,35 +13601,14 @@ "ic-menu", "ic-input-validation" ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-input-label": [ - "ic-typography" - ], - "ic-menu": [ - "ic-loading-indicator", - "ic-typography", - "ic-button" - ], - "ic-input-validation": [ - "ic-typography" - ], - "ic-pagination": [ - "ic-button", - "ic-pagination-item" - ], - "ic-pagination-item": [ - "ic-typography" - ], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-input-label": ["ic-typography"], + "ic-menu": ["ic-loading-indicator", "ic-typography", "ic-button"], + "ic-input-validation": ["ic-typography"], + "ic-pagination": ["ic-button", "ic-pagination-item"], + "ic-pagination-item": ["ic-typography"], "ic-text-field": [ "ic-input-container", "ic-input-label", @@ -12734,9 +13616,7 @@ "ic-input-validation", "ic-typography" ], - "ic-data-table": [ - "ic-pagination-bar" - ] + "ic-data-table": ["ic-pagination-bar"] } }, { @@ -12760,7 +13640,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the pagination item will be disabled.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12787,7 +13672,12 @@ "attr": "label", "reflectToAttr": false, "docs": "The label for the pagination item (applicable when simple pagination is being used).", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Page\"" + } + ], "default": "\"Page\"", "values": [ { @@ -12814,7 +13704,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the pagination item will display as black in the light theme, and white in dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12867,7 +13762,12 @@ "attr": "selected", "reflectToAttr": false, "docs": "If `true`, the pagination item will be selected.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -12889,7 +13789,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -12897,7 +13798,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -12931,7 +13837,8 @@ "IcPaginationItemType": { "location": "import", "path": "./ic-pagination-item.types", - "id": "../web-components/src/components/ic-pagination-item/ic-pagination-item.types.ts::IcPaginationItemType" + "id": "../web-components/src/components/ic-pagination-item/ic-pagination-item.types.ts::IcPaginationItemType", + "referenceLocation": "IcPaginationItemType" } } }, @@ -12966,19 +13873,12 @@ "styles": [], "slots": [], "parts": [], - "dependents": [ - "ic-pagination" - ], - "dependencies": [ - "ic-typography" - ], + "states": [], + "dependents": ["ic-pagination"], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-pagination-item": [ - "ic-typography" - ], - "ic-pagination": [ - "ic-pagination-item" - ] + "ic-pagination-item": ["ic-typography"], + "ic-pagination": ["ic-pagination-item"] } }, { @@ -13066,7 +13966,12 @@ "attr": "fixed-positioning", "reflectToAttr": false, "docs": "Setting to `true` can help in situations where tooltip content is clipped by a parent element.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -13090,7 +13995,12 @@ "attr": "open", "reflectToAttr": true, "docs": "If `true`, the popover menu will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "undefined" + } + ], "default": "undefined", "values": [ { @@ -13141,7 +14051,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -13149,7 +14060,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -13243,31 +14159,15 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-menu-item", - "ic-typography" - ], + "dependencies": ["ic-menu-item", "ic-typography"], "dependencyGraph": { - "ic-popover-menu": [ - "ic-menu-item", - "ic-typography" - ], - "ic-menu-item": [ - "ic-typography", - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-popover-menu": ["ic-menu-item", "ic-typography"], + "ic-menu-item": ["ic-typography", "ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"] } }, { @@ -13296,7 +14196,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -13349,7 +14254,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be hidden and the required label value will be applied as an aria-label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -13420,7 +14330,8 @@ "IcOrientation": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcOrientation" + "id": "../web-components/src/utils/types.ts::IcOrientation", + "referenceLocation": "IcOrientation" } } }, @@ -13428,7 +14339,12 @@ "attr": "orientation", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"vertical\"" + } + ], "default": "\"vertical\"", "values": [ { @@ -13460,7 +14376,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the radio group will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -13485,7 +14406,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -13493,7 +14415,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the radio group component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -13527,7 +14454,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -13535,7 +14463,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -13569,7 +14502,8 @@ "IcAriaLive": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAriaLive" + "id": "../web-components/src/utils/types.ts::IcAriaLive", + "referenceLocation": "IcAriaLive" } } }, @@ -13577,7 +14511,12 @@ "attr": "validation-aria-live", "reflectToAttr": false, "docs": "The value of the `aria-live` attribute on the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"polite\"" + } + ], "default": "\"polite\"", "values": [ { @@ -13608,7 +14547,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -13616,7 +14556,12 @@ "attr": "validation-status", "reflectToAttr": false, "docs": "The validation status - e.g. 'error' | 'warning' | 'success'.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -13655,7 +14600,12 @@ "attr": "validation-text", "reflectToAttr": false, "docs": "The text to display as the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -13681,7 +14631,8 @@ "IcChangeEventDetail": { "location": "import", "path": "./ic-radio-group.types", - "id": "../web-components/src/components/ic-radio-group/ic-radio-group.types.ts::IcChangeEventDetail" + "id": "../web-components/src/components/ic-radio-group/ic-radio-group.types.ts::IcChangeEventDetail", + "referenceLocation": "IcChangeEventDetail" } } }, @@ -13711,22 +14662,13 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-input-label", - "ic-input-validation" - ], + "dependencies": ["ic-input-label", "ic-input-validation"], "dependencyGraph": { - "ic-radio-group": [ - "ic-input-label", - "ic-input-validation" - ], - "ic-input-label": [ - "ic-typography" - ], - "ic-input-validation": [ - "ic-typography" - ] + "ic-radio-group": ["ic-input-label", "ic-input-validation"], + "ic-input-label": ["ic-typography"], + "ic-input-validation": ["ic-typography"] } }, { @@ -13753,7 +14695,8 @@ "IcAdditionalFieldTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAdditionalFieldTypes" + "id": "../web-components/src/utils/types.ts::IcAdditionalFieldTypes", + "referenceLocation": "IcAdditionalFieldTypes" } } }, @@ -13761,7 +14704,12 @@ "attr": "additional-field-display", "reflectToAttr": true, "docs": "The style of additionalField that will be displayed if used.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"static\"" + } + ], "default": "\"static\"", "values": [ { @@ -13793,7 +14741,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -13820,7 +14773,12 @@ "attr": "dynamic-text", "reflectToAttr": false, "docs": "The text to be displayed when dynamic.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"This selection requires additional answers\"" + } + ], "default": "\"This selection requires additional answers\"", "values": [ { @@ -13951,7 +14909,12 @@ "attr": "selected", "reflectToAttr": true, "docs": "If `true`, the radio option will be displayed in a selected state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -13976,7 +14939,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -13984,7 +14948,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -14068,7 +15037,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -14112,14 +15082,11 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-radio-option": [ - "ic-typography" - ] + "ic-radio-option": ["ic-typography"] } }, { @@ -14148,7 +15115,12 @@ "attr": "assistive-hint-text", "reflectToAttr": false, "docs": "The hint text for the hidden assistive description element.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"When autocomplete results are available use the up and down arrows to choose and press enter to select\"" + } + ], "default": "\"When autocomplete results are available use the up and down arrows to choose and press enter to select\"", "values": [ { @@ -14172,7 +15144,12 @@ "attr": "autocapitalize", "reflectToAttr": false, "docs": "The automatic capitalisation of the text value as it is entered/edited by the user.\nAvailable options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"off\"" + } + ], "default": "\"off\"", "values": [ { @@ -14186,15 +15163,16 @@ }, { "name": "autocomplete", - "type": "\"on\" | \"off\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"", + "type": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\"", "complexType": { "original": "IcAutocompleteTypes", - "resolved": "\"on\" | \"off\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\"", + "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\"", "references": { "IcAutocompleteTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAutocompleteTypes" + "id": "../web-components/src/utils/types.ts::IcAutocompleteTypes", + "referenceLocation": "IcAutocompleteTypes" } } }, @@ -14202,191 +15180,196 @@ "attr": "autocomplete", "reflectToAttr": false, "docs": "The state of autocompletion the browser can apply on the text value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"off\"" + } + ], "default": "\"off\"", "values": [ { - "value": "on", + "value": "additional-name", "type": "string" }, { - "value": "off", + "value": "address-level1", "type": "string" }, { - "value": "name", + "value": "address-level2", "type": "string" }, { - "value": "honorific-prefix", + "value": "address-level3", "type": "string" }, { - "value": "given-name", + "value": "address-level4", "type": "string" }, { - "value": "additional-name", + "value": "address-line1", "type": "string" }, { - "value": "family-name", + "value": "address-line2", "type": "string" }, { - "value": "honorific-suffix", + "value": "address-line3", "type": "string" }, { - "value": "nickname", + "value": "bday", "type": "string" }, { - "value": "email", + "value": "bday-day", "type": "string" }, { - "value": "username", + "value": "bday-month", "type": "string" }, { - "value": "new-password", + "value": "bday-year", "type": "string" }, { - "value": "current-password", + "value": "cc-additional-name", "type": "string" }, { - "value": "one-time-code", + "value": "cc-csc", "type": "string" }, { - "value": "organization-title", + "value": "cc-exp", "type": "string" }, { - "value": "organization", + "value": "cc-exp-month", "type": "string" }, { - "value": "street-address", + "value": "cc-exp-year", "type": "string" }, { - "value": "address-line1", + "value": "cc-family-name", "type": "string" }, { - "value": "address-line2", + "value": "cc-given-name", "type": "string" }, { - "value": "address-line3", + "value": "cc-name", "type": "string" }, { - "value": "address-level4", + "value": "cc-number", "type": "string" }, { - "value": "address-level3", + "value": "cc-type", "type": "string" }, { - "value": "address-level2", + "value": "country", "type": "string" }, { - "value": "address-level1", + "value": "country-name", "type": "string" }, { - "value": "country", + "value": "current-password", "type": "string" }, { - "value": "country-name", + "value": "email", "type": "string" }, { - "value": "postal-code", + "value": "family-name", "type": "string" }, { - "value": "cc-name", + "value": "given-name", "type": "string" }, { - "value": "cc-given-name", + "value": "honorific-prefix", "type": "string" }, { - "value": "cc-additional-name", + "value": "honorific-suffix", "type": "string" }, { - "value": "cc-family-name", + "value": "impp", "type": "string" }, { - "value": "cc-number", + "value": "language", "type": "string" }, { - "value": "cc-exp", + "value": "name", "type": "string" }, { - "value": "cc-exp-month", + "value": "new-password", "type": "string" }, { - "value": "cc-exp-year", + "value": "nickname", "type": "string" }, { - "value": "cc-csc", + "value": "off", "type": "string" }, { - "value": "cc-type", + "value": "on", "type": "string" }, { - "value": "transaction-currency", + "value": "one-time-code", "type": "string" }, { - "value": "transaction-amount", + "value": "organization", "type": "string" }, { - "value": "language", + "value": "organization-title", "type": "string" }, { - "value": "bday", + "value": "photo", "type": "string" }, { - "value": "bday-day", + "value": "postal-code", "type": "string" }, { - "value": "bday-month", + "value": "sex", "type": "string" }, { - "value": "bday-year", + "value": "street-address", "type": "string" }, { - "value": "sex", + "value": "tel", "type": "string" }, { - "value": "tel", + "value": "tel-area-code", "type": "string" }, { @@ -14394,23 +15377,23 @@ "type": "string" }, { - "value": "tel-national", + "value": "tel-extension", "type": "string" }, { - "value": "tel-area-code", + "value": "tel-local", "type": "string" }, { - "value": "tel-local", + "value": "tel-national", "type": "string" }, { - "value": "tel-extension", + "value": "transaction-amount", "type": "string" }, { - "value": "impp", + "value": "transaction-currency", "type": "string" }, { @@ -14418,7 +15401,7 @@ "type": "string" }, { - "value": "photo", + "value": "username", "type": "string" } ], @@ -14437,7 +15420,8 @@ "IcAutocorrectStates": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAutocorrectStates" + "id": "../web-components/src/utils/types.ts::IcAutocorrectStates", + "referenceLocation": "IcAutocorrectStates" } } }, @@ -14445,7 +15429,12 @@ "attr": "autocorrect", "reflectToAttr": false, "docs": "The state of autocorrection the browser can apply when the user is entering/editing the text value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"off\"" + } + ], "default": "\"off\"", "values": [ { @@ -14474,7 +15463,12 @@ "attr": "autofocus", "reflectToAttr": false, "docs": "If `true`, the form control will have input focus when the page loads.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14498,7 +15492,12 @@ "attr": "characters-until-suggestion", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "2" + } + ], "default": "2", "values": [ { @@ -14522,7 +15521,12 @@ "attr": "debounce", "reflectToAttr": false, "docs": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "0" + } + ], "default": "0", "values": [ { @@ -14546,7 +15550,12 @@ "attr": "disable-auto-filtering", "reflectToAttr": false, "docs": "Specify whether to disable the built in filtering. For example, if options will already be filtered from external source.\nIf `true`, all options provided will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14570,7 +15579,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14594,7 +15608,12 @@ "attr": "empty-option-list-text", "reflectToAttr": false, "docs": "The text displayed when there are no options in the option list.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"No results found\"" + } + ], "default": "\"No results found\"", "values": [ { @@ -14618,7 +15637,12 @@ "attr": "focus-on-load", "reflectToAttr": false, "docs": "If `true`, the search bar will be focused when component loaded.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14642,7 +15666,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "Specify whether the search bar fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14666,7 +15695,12 @@ "attr": "helper-text", "reflectToAttr": false, "docs": "The helper text that will be displayed for additional field guidance.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -14690,7 +15724,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be hidden and the required label value will be applied as an aria-label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14737,7 +15776,12 @@ "attr": "label-field", "reflectToAttr": false, "docs": "The custom name for the label field to correspond with the IcMenuOption type.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"label\"" + } + ], "default": "\"label\"", "values": [ { @@ -14761,7 +15805,12 @@ "attr": "loading", "reflectToAttr": false, "docs": "Trigger loading state when fetching options asynchronously", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14785,7 +15834,12 @@ "attr": "loading-error-label", "reflectToAttr": false, "docs": "Change the message displayed when external loading times out.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Loading Error\"" + } + ], "default": "\"Loading Error\"", "values": [ { @@ -14809,7 +15863,12 @@ "attr": "loading-label", "reflectToAttr": false, "docs": "Change the message displayed whilst the options are being loaded externally.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Loading...\"" + } + ], "default": "\"Loading...\"", "values": [ { @@ -14833,7 +15892,12 @@ "attr": "name", "reflectToAttr": false, "docs": "The name of the control, which is submitted with the form data.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.inputId" + } + ], "default": "this.inputId", "values": [ { @@ -14855,14 +15919,20 @@ "IcMenuOption": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcMenuOption" + "id": "../web-components/src/utils/types.ts::IcMenuOption", + "referenceLocation": "IcMenuOption" } } }, "mutable": false, "reflectToAttr": false, "docs": "The suggested search options.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -14886,7 +15956,12 @@ "attr": "placeholder", "reflectToAttr": false, "docs": "The placeholder value to display.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Search\"" + } + ], "default": "\"Search\"", "values": [ { @@ -14910,7 +15985,12 @@ "attr": "prevent-form-submit-on-search", "reflectToAttr": false, "docs": "If `true` the parent form will not submit when the icSubmitSearch event fires.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14934,7 +16014,12 @@ "attr": "readonly", "reflectToAttr": false, "docs": "If `true`, the readonly state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14958,7 +16043,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the search bar will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -14980,7 +16070,8 @@ "IcSearchBarSearchModes": { "location": "import", "path": "./ic-search-bar.types", - "id": "../web-components/src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes" + "id": "../web-components/src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes", + "referenceLocation": "IcSearchBarSearchModes" } } }, @@ -14988,7 +16079,12 @@ "attr": "search-mode", "reflectToAttr": false, "docs": "Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"navigation\"" + } + ], "default": "\"navigation\"", "values": [ { @@ -15015,7 +16111,8 @@ "IcSizesNoLarge": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizesNoLarge" + "id": "../web-components/src/utils/types.ts::IcSizesNoLarge", + "referenceLocation": "IcSizesNoLarge" } } }, @@ -15023,7 +16120,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the search bar component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -15052,7 +16154,12 @@ "attr": "spellcheck", "reflectToAttr": false, "docs": "If `true`, the value of the search will have its spelling and grammar checked.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15074,7 +16181,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -15082,7 +16190,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -15141,7 +16254,12 @@ "attr": "value", "reflectToAttr": true, "docs": "The value of the search input.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -15165,7 +16283,12 @@ "attr": "value-field", "reflectToAttr": false, "docs": "The custom name for the value field to correspond with the IcMenuOption type.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"value\"" + } + ], "default": "\"value\"", "values": [ { @@ -15214,7 +16337,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -15248,7 +16372,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -15287,7 +16412,8 @@ "IcMenuChangeEventDetail": { "location": "import", "path": "../ic-menu/ic-menu.types", - "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail" + "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail", + "referenceLocation": "IcMenuChangeEventDetail" } } }, @@ -15307,7 +16433,8 @@ "IcOptionSelectEventDetail": { "location": "import", "path": "../ic-menu/ic-menu.types", - "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail" + "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail", + "referenceLocation": "IcOptionSelectEventDetail" } } }, @@ -15327,7 +16454,8 @@ "IcMultiValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail", + "referenceLocation": "IcMultiValueEventDetail" } } }, @@ -15347,7 +16475,8 @@ "IcSearchBarBlurEventDetail": { "location": "import", "path": "./ic-search-bar.types", - "id": "../web-components/src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail" + "id": "../web-components/src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarBlurEventDetail", + "referenceLocation": "IcSearchBarBlurEventDetail" } } }, @@ -15367,7 +16496,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -15387,7 +16517,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -15423,6 +16554,7 @@ } ], "parts": [], + "states": [], "dependents": [], "dependencies": [ "ic-input-container", @@ -15439,25 +16571,11 @@ "ic-button", "ic-menu" ], - "ic-input-label": [ - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-menu": [ - "ic-loading-indicator", - "ic-typography", - "ic-button" - ] + "ic-input-label": ["ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-menu": ["ic-loading-indicator", "ic-typography", "ic-button"] } }, { @@ -15479,7 +16597,8 @@ "IcAlignment": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAlignment" + "id": "../web-components/src/utils/types.ts::IcAlignment", + "referenceLocation": "IcAlignment" } } }, @@ -15487,7 +16606,12 @@ "attr": "aligned", "reflectToAttr": false, "docs": "The alignment of the container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"left\"" + } + ], "default": "\"left\"", "values": [ { @@ -15523,7 +16647,12 @@ "attr": "full-height", "reflectToAttr": false, "docs": "If `true`, the standard vertical padding from the container will be removed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15545,6 +16674,7 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [ "ic-footer", "ic-page-header", @@ -15553,18 +16683,10 @@ ], "dependencies": [], "dependencyGraph": { - "ic-footer": [ - "ic-section-container" - ], - "ic-page-header": [ - "ic-section-container" - ], - "ic-table-of-contents": [ - "ic-section-container" - ], - "ic-top-navigation": [ - "ic-section-container" - ] + "ic-footer": ["ic-section-container"], + "ic-page-header": ["ic-section-container"], + "ic-table-of-contents": ["ic-section-container"], + "ic-top-navigation": ["ic-section-container"] } }, { @@ -15597,7 +16719,12 @@ "attr": "debounce", "reflectToAttr": false, "docs": "The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "0" + } + ], "default": "0", "values": [ { @@ -15621,7 +16748,12 @@ "attr": "disable-auto-filtering", "reflectToAttr": false, "docs": "If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15645,7 +16777,12 @@ "attr": "disabled", "reflectToAttr": true, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15669,7 +16806,12 @@ "attr": "empty-option-list-text", "reflectToAttr": false, "docs": "The text displayed when there are no options in the option list.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"No results found\"" + } + ], "default": "\"No results found\"", "values": [ { @@ -15719,7 +16861,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the select will fill the width of the container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15743,7 +16890,12 @@ "attr": "helper-text", "reflectToAttr": false, "docs": "The helper text that will be displayed for additional field guidance.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -15767,9 +16919,14 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be hidden and the required label value will be applied as an aria-label.", - "docsTags": [], - "default": "false", - "values": [ + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], + "default": "false", + "values": [ { "type": "boolean" } @@ -15791,7 +16948,12 @@ "attr": "include-descriptions-in-search", "reflectToAttr": false, "docs": "If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15815,7 +16977,12 @@ "attr": "include-group-titles-in-search", "reflectToAttr": false, "docs": "If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15862,7 +17029,12 @@ "attr": "loading", "reflectToAttr": false, "docs": "If `true`, the loading state will be triggered when fetching options asynchronously.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15886,7 +17058,12 @@ "attr": "loading-error-label", "reflectToAttr": false, "docs": "The message displayed when external loading times out.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Loading Error\"" + } + ], "default": "\"Loading Error\"", "values": [ { @@ -15910,7 +17087,12 @@ "attr": "loading-label", "reflectToAttr": false, "docs": "The message displayed whilst the options are being loaded externally.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Loading...\"" + } + ], "default": "\"Loading...\"", "values": [ { @@ -15934,7 +17116,12 @@ "attr": "multiple", "reflectToAttr": false, "docs": "If `true`, multiple options can be selected.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -15958,7 +17145,12 @@ "attr": "name", "reflectToAttr": false, "docs": "The name of the control, which is submitted with the form data.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.inputId" + } + ], "default": "this.inputId", "values": [ { @@ -15980,14 +17172,20 @@ "IcSelectOption": { "location": "import", "path": "./ic-select.types", - "id": "../web-components/src/components/ic-select/ic-select.types.ts::IcSelectOption" + "id": "../web-components/src/components/ic-select/ic-select.types.ts::IcSelectOption", + "referenceLocation": "IcSelectOption" } } }, "mutable": false, "reflectToAttr": false, "docs": "The possible selection options.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -16011,7 +17209,12 @@ "attr": "placeholder", "reflectToAttr": false, "docs": "The placeholder value to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Select an option\"" + } + ], "default": "\"Select an option\"", "values": [ { @@ -16035,7 +17238,12 @@ "attr": "readonly", "reflectToAttr": false, "docs": "If `true`, the readonly state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16059,7 +17267,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the select will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16081,7 +17294,8 @@ "IcSearchMatchPositions": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSearchMatchPositions" + "id": "../web-components/src/utils/types.ts::IcSearchMatchPositions", + "referenceLocation": "IcSearchMatchPositions" } } }, @@ -16089,7 +17303,12 @@ "attr": "search-match-position", "reflectToAttr": false, "docs": "Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"anywhere\"" + } + ], "default": "\"anywhere\"", "values": [ { @@ -16118,7 +17337,12 @@ "attr": "searchable", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16142,7 +17366,12 @@ "attr": "select-on-enter", "reflectToAttr": false, "docs": "If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16166,7 +17395,12 @@ "attr": "show-clear-button", "reflectToAttr": false, "docs": "If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16188,7 +17422,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -16196,7 +17431,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the select.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -16227,7 +17467,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -16235,7 +17476,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -16294,7 +17540,12 @@ "attr": "use-native-select-on-mobile", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -16316,7 +17567,8 @@ "IcAriaLive": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAriaLive" + "id": "../web-components/src/utils/types.ts::IcAriaLive", + "referenceLocation": "IcAriaLive" } } }, @@ -16324,7 +17576,12 @@ "attr": "validation-aria-live", "reflectToAttr": false, "docs": "The value of the `aria-live` attribute on the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"polite\"" + } + ], "default": "\"polite\"", "values": [ { @@ -16355,7 +17612,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -16363,7 +17621,12 @@ "attr": "validation-status", "reflectToAttr": false, "docs": "The validation status - e.g. 'error' | 'warning' | 'success'.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -16399,7 +17662,12 @@ "attr": "validation-text", "reflectToAttr": false, "docs": "The text to display as the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -16423,7 +17691,12 @@ "attr": "value", "reflectToAttr": false, "docs": "The value of the select, reflected by the value of the currently selected option.\nFor the searchable variant, the value is also reflected by the user input.\nFor the multi-select variant, the value must be an array of option values.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "null" + } + ], "default": "null", "values": [ { @@ -16492,7 +17765,8 @@ "IcMultiValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail", + "referenceLocation": "IcMultiValueEventDetail" } } }, @@ -16554,7 +17828,8 @@ "IcMultiValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail", + "referenceLocation": "IcMultiValueEventDetail" } } }, @@ -16588,7 +17863,8 @@ "IcOptionSelectEventDetail": { "location": "import", "path": "../ic-menu/ic-menu.types", - "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail" + "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail", + "referenceLocation": "IcOptionSelectEventDetail" } } }, @@ -16608,7 +17884,8 @@ "IcOptionSelectEventDetail": { "location": "import", "path": "../ic-menu/ic-menu.types", - "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail" + "id": "../web-components/src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail", + "referenceLocation": "IcOptionSelectEventDetail" } } }, @@ -16628,7 +17905,8 @@ "IcMultiValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcMultiValueEventDetail", + "referenceLocation": "IcMultiValueEventDetail" } } }, @@ -16667,10 +17945,8 @@ } ], "parts": [], - "dependents": [ - "ic-data-table-title-bar", - "ic-pagination-bar" - ], + "states": [], + "dependents": ["ic-data-table-title-bar", "ic-pagination-bar"], "dependencies": [ "ic-button", "ic-typography", @@ -16690,34 +17966,14 @@ "ic-menu", "ic-input-validation" ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-input-label": [ - "ic-typography" - ], - "ic-menu": [ - "ic-loading-indicator", - "ic-typography", - "ic-button" - ], - "ic-input-validation": [ - "ic-typography" - ], - "ic-data-table-title-bar": [ - "ic-select" - ], - "ic-pagination-bar": [ - "ic-select" - ] + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-input-label": ["ic-typography"], + "ic-menu": ["ic-loading-indicator", "ic-typography", "ic-button"], + "ic-input-validation": ["ic-typography"], + "ic-data-table-title-bar": ["ic-select"], + "ic-pagination-bar": ["ic-select"] } }, { @@ -16784,7 +18040,12 @@ "attr": "close-on-nav-item-click", "reflectToAttr": false, "docs": "If `true`, the side navigation will close when a navigation item is clicked. This behaviour is only applicable on larger device sizes.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16811,7 +18072,12 @@ "attr": "collapsed-icon-labels", "reflectToAttr": false, "docs": "If `true`, the icon and label will appear when side navigation is collapsed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16838,7 +18104,12 @@ "attr": "disable-auto-parent-styling", "reflectToAttr": false, "docs": "If `true`, automatic parent wrapper styling will be disabled.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16865,7 +18136,12 @@ "attr": "disable-top-bar-behaviour", "reflectToAttr": false, "docs": "If `true`, the side navigation will not display as a top bar on small devices.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16892,7 +18168,12 @@ "attr": "expanded", "reflectToAttr": false, "docs": "If `true`, the side navigation will display in an expanded state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -16919,7 +18200,12 @@ "attr": "href", "reflectToAttr": false, "docs": "The URL that the app title link points to.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"/\"" + } + ], "default": "\"/\"", "values": [ { @@ -16946,7 +18232,12 @@ "attr": "short-app-title", "reflectToAttr": false, "docs": "The short title of the app to be displayed at small screen sizes in place of the app title.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -16973,7 +18264,12 @@ "attr": "static", "reflectToAttr": false, "docs": "If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above).", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17054,7 +18350,8 @@ "IcExpandedDetail": { "location": "import", "path": "./ic-side-navigation.types", - "id": "../web-components/src/components/ic-side-navigation/ic-side-navigation.types.ts::IcExpandedDetail" + "id": "../web-components/src/components/ic-side-navigation/ic-side-navigation.types.ts::IcExpandedDetail", + "referenceLocation": "IcExpandedDetail" } } }, @@ -17098,27 +18395,14 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography", - "ic-button" - ], + "dependencies": ["ic-typography", "ic-button"], "dependencyGraph": { - "ic-side-navigation": [ - "ic-typography", - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-side-navigation": ["ic-typography", "ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"] } }, { @@ -17142,7 +18426,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the skip link will fill the width of the page.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17166,7 +18455,12 @@ "attr": "inline", "reflectToAttr": false, "docs": "If `true`, the skip link will appear inline with surrounding page content when focused.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17190,7 +18484,12 @@ "attr": "label", "reflectToAttr": false, "docs": "The label displayed when the skip link is focused.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Skip to main content\"" + } + ], "default": "\"Skip to main content\"", "values": [ { @@ -17214,7 +18513,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the skip link will display as black in the light theme, and white in the dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17259,7 +18563,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -17267,7 +18572,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -17300,7 +18610,12 @@ "attr": "transparent-background", "reflectToAttr": false, "docs": "If `true`, the background will be hidden.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17348,14 +18663,11 @@ ], "slots": [], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-link" - ], + "dependencies": ["ic-link"], "dependencyGraph": { - "ic-skip-link": [ - "ic-link" - ] + "ic-skip-link": ["ic-link"] } }, { @@ -17388,7 +18700,12 @@ "attr": "checked", "reflectToAttr": false, "docs": "If `true`, the switch will display as checked.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17415,7 +18732,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17442,7 +18764,12 @@ "attr": "helper-text", "reflectToAttr": false, "docs": "The helper text that will be displayed for additional field guidance.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -17469,7 +18796,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be hidden and the required label value will be applied as an aria-label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17519,7 +18851,12 @@ "attr": "name", "reflectToAttr": false, "docs": "The name of the control, which is submitted with the form data.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.inputId" + } + ], "default": "this.inputId", "values": [ { @@ -17544,7 +18881,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -17552,7 +18890,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the switch component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -17586,7 +18929,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -17594,7 +18938,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -17630,7 +18979,12 @@ "attr": "value", "reflectToAttr": false, "docs": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a ``,\nit's only used when the toggle participates in a native `
`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"on\"" + } + ], "default": "\"on\"", "values": [ { @@ -17699,7 +19053,8 @@ "IcSwitchChangeEventDetail": { "location": "import", "path": "./ic-switch.types", - "id": "../web-components/src/components/ic-switch/ic-switch.types.ts::IcSwitchChangeEventDetail" + "id": "../web-components/src/components/ic-switch/ic-switch.types.ts::IcSwitchChangeEventDetail", + "referenceLocation": "IcSwitchChangeEventDetail" } } }, @@ -17736,17 +19091,12 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-input-label" - ], + "dependencies": ["ic-input-label"], "dependencyGraph": { - "ic-switch": [ - "ic-input-label" - ], - "ic-input-label": [ - "ic-typography" - ] + "ic-switch": ["ic-input-label"], + "ic-input-label": ["ic-typography"] } }, { @@ -17779,7 +19129,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17833,14 +19188,11 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-tab": [ - "ic-typography" - ] + "ic-tab": ["ic-typography"] } }, { @@ -17862,7 +19214,8 @@ "IcActivationTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcActivationTypes" + "id": "../web-components/src/utils/types.ts::IcActivationTypes", + "referenceLocation": "IcActivationTypes" } } }, @@ -17870,7 +19223,12 @@ "attr": "activation-type", "reflectToAttr": false, "docs": "Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"automatic\"" + } + ], "default": "\"automatic\"", "values": [ { @@ -17902,7 +19260,12 @@ "attr": "context-id", "reflectToAttr": true, "docs": "The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"default\"" + } + ], "default": "\"default\"", "values": [ { @@ -17929,7 +19292,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the tabs will display as black in the light theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -17980,7 +19348,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -17988,7 +19357,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -18049,7 +19423,8 @@ "IcTabSelectEventDetail": { "location": "import", "path": "../ic-tab/ic-tab.types", - "id": "../web-components/src/components/ic-tab/ic-tab.types.ts::IcTabSelectEventDetail" + "id": "../web-components/src/components/ic-tab/ic-tab.types.ts::IcTabSelectEventDetail", + "referenceLocation": "IcTabSelectEventDetail" } } }, @@ -18084,6 +19459,7 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} @@ -18109,7 +19485,12 @@ "attr": "inline", "reflectToAttr": true, "docs": "If `true`, the tabs and tab panels will be positioned separately.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -18154,28 +19535,15 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-horizontal-scroll" - ], + "dependencies": ["ic-horizontal-scroll"], "dependencyGraph": { - "ic-tab-group": [ - "ic-horizontal-scroll" - ], - "ic-horizontal-scroll": [ - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-tab-group": ["ic-horizontal-scroll"], + "ic-horizontal-scroll": ["ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"] } }, { @@ -18193,6 +19561,7 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} @@ -18218,7 +19587,12 @@ "attr": "heading", "reflectToAttr": false, "docs": "Heading text of the table of contents.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Contents\"" + } + ], "default": "\"Contents\"", "values": [ { @@ -18242,7 +19616,12 @@ "attr": "maximum-heading-level", "reflectToAttr": false, "docs": "Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of

and

will not appear.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "3" + } + ], "default": "3", "values": [ { @@ -18266,7 +19645,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the table of contents will display as black in the light theme, and white in dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -18291,7 +19675,8 @@ "IcPositionTopOrRight": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcPositionTopOrRight" + "id": "src/utils/types.ts::IcPositionTopOrRight", + "referenceLocation": "IcPositionTopOrRight" } } }, @@ -18299,7 +19684,12 @@ "attr": "position", "reflectToAttr": false, "docs": "Whether the table of contents will appear on the right of or above child content on large viewport widths.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"right\"" + } + ], "default": "\"right\"", "values": [ { @@ -18328,7 +19718,12 @@ "attr": "set-scroll-height", "reflectToAttr": false, "docs": "Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "50" + } + ], "default": "50", "values": [ { @@ -18350,7 +19745,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -18358,7 +19754,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the table of contents items.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -18389,7 +19790,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -18397,7 +19799,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -18433,7 +19840,12 @@ "attr": "truncate", "reflectToAttr": false, "docs": "If `true`, the table of contents item label will be truncated.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -18452,21 +19864,16 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-tooltip", - "ic-section-container", - "ic-typography" - ], + "dependencies": ["ic-tooltip", "ic-section-container", "ic-typography"], "dependencyGraph": { "ic-table-of-contents": [ "ic-tooltip", "ic-section-container", "ic-typography" ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-tooltip": ["ic-typography"] } }, { @@ -18503,7 +19910,12 @@ "attr": "autocapitalize", "reflectToAttr": false, "docs": "The automatic capitalisation of the text value as it is entered/edited by the user.\nAvailable options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"off\"" + } + ], "default": "\"off\"", "values": [ { @@ -18517,15 +19929,16 @@ }, { "name": "autocomplete", - "type": "IcAutocompleteTypes | undefined", + "type": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\" | undefined", "complexType": { "original": "IcAutocompleteTypes", - "resolved": "IcAutocompleteTypes | undefined", + "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\" | undefined", "references": { "IcAutocompleteTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAutocompleteTypes" + "id": "../web-components/src/utils/types.ts::IcAutocompleteTypes", + "referenceLocation": "IcAutocompleteTypes" } } }, @@ -18533,11 +19946,229 @@ "attr": "autocomplete", "reflectToAttr": false, "docs": "The state of autocompletion the browser can apply on the text value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"off\"" + } + ], "default": "\"off\"", "values": [ { - "type": "IcAutocompleteTypes" + "value": "additional-name", + "type": "string" + }, + { + "value": "address-level1", + "type": "string" + }, + { + "value": "address-level2", + "type": "string" + }, + { + "value": "address-level3", + "type": "string" + }, + { + "value": "address-level4", + "type": "string" + }, + { + "value": "address-line1", + "type": "string" + }, + { + "value": "address-line2", + "type": "string" + }, + { + "value": "address-line3", + "type": "string" + }, + { + "value": "bday", + "type": "string" + }, + { + "value": "bday-day", + "type": "string" + }, + { + "value": "bday-month", + "type": "string" + }, + { + "value": "bday-year", + "type": "string" + }, + { + "value": "cc-additional-name", + "type": "string" + }, + { + "value": "cc-csc", + "type": "string" + }, + { + "value": "cc-exp", + "type": "string" + }, + { + "value": "cc-exp-month", + "type": "string" + }, + { + "value": "cc-exp-year", + "type": "string" + }, + { + "value": "cc-family-name", + "type": "string" + }, + { + "value": "cc-given-name", + "type": "string" + }, + { + "value": "cc-name", + "type": "string" + }, + { + "value": "cc-number", + "type": "string" + }, + { + "value": "cc-type", + "type": "string" + }, + { + "value": "country", + "type": "string" + }, + { + "value": "country-name", + "type": "string" + }, + { + "value": "current-password", + "type": "string" + }, + { + "value": "email", + "type": "string" + }, + { + "value": "family-name", + "type": "string" + }, + { + "value": "given-name", + "type": "string" + }, + { + "value": "honorific-prefix", + "type": "string" + }, + { + "value": "honorific-suffix", + "type": "string" + }, + { + "value": "impp", + "type": "string" + }, + { + "value": "language", + "type": "string" + }, + { + "value": "name", + "type": "string" + }, + { + "value": "new-password", + "type": "string" + }, + { + "value": "nickname", + "type": "string" + }, + { + "value": "off", + "type": "string" + }, + { + "value": "on", + "type": "string" + }, + { + "value": "one-time-code", + "type": "string" + }, + { + "value": "organization", + "type": "string" + }, + { + "value": "organization-title", + "type": "string" + }, + { + "value": "photo", + "type": "string" + }, + { + "value": "postal-code", + "type": "string" + }, + { + "value": "sex", + "type": "string" + }, + { + "value": "street-address", + "type": "string" + }, + { + "value": "tel", + "type": "string" + }, + { + "value": "tel-area-code", + "type": "string" + }, + { + "value": "tel-country-code", + "type": "string" + }, + { + "value": "tel-extension", + "type": "string" + }, + { + "value": "tel-local", + "type": "string" + }, + { + "value": "tel-national", + "type": "string" + }, + { + "value": "transaction-amount", + "type": "string" + }, + { + "value": "transaction-currency", + "type": "string" + }, + { + "value": "url", + "type": "string" + }, + { + "value": "username", + "type": "string" }, { "type": "undefined" @@ -18558,7 +20189,8 @@ "IcAutocorrectStates": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAutocorrectStates" + "id": "../web-components/src/utils/types.ts::IcAutocorrectStates", + "referenceLocation": "IcAutocorrectStates" } } }, @@ -18566,7 +20198,12 @@ "attr": "autocorrect", "reflectToAttr": false, "docs": "The state of autocorrection the browser can apply when the user is entering/editing the text value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"off\"" + } + ], "default": "\"off\"", "values": [ { @@ -18598,7 +20235,12 @@ "attr": "autofocus", "reflectToAttr": false, "docs": "If `true`, the form control will have input focus when the page loads.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -18622,7 +20264,12 @@ "attr": "debounce", "reflectToAttr": false, "docs": "The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "0" + } + ], "default": "0", "values": [ { @@ -18646,7 +20293,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -18670,7 +20322,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "Specify whether the text field fills the full width of the container.\nIf `true`, this overrides the --input-width CSS variable.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -18694,7 +20351,12 @@ "attr": "helper-text", "reflectToAttr": false, "docs": "The helper text that will be displayed for additional field guidance.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -18718,7 +20380,12 @@ "attr": "hide-char-count", "reflectToAttr": false, "docs": "If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -18742,7 +20409,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be hidden and the required label value will be applied as an aria-label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -18766,7 +20438,12 @@ "attr": "input-id", "reflectToAttr": false, "docs": "The ID for the input.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`ic-text-field-input-${inputIds++}`" + } + ], "default": "`ic-text-field-input-${inputIds++}`", "values": [ { @@ -18788,7 +20465,8 @@ "IcTextFieldInputModes": { "location": "import", "path": "./ic-text-field.types", - "id": "../web-components/src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldInputModes" + "id": "../web-components/src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldInputModes", + "referenceLocation": "IcTextFieldInputModes" } } }, @@ -18796,7 +20474,12 @@ "attr": "inputmode", "reflectToAttr": false, "docs": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"text\"" + } + ], "default": "\"text\"", "values": [ { @@ -18901,7 +20584,12 @@ "attr": "max-characters", "reflectToAttr": false, "docs": "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)", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "0" + } + ], "default": "0", "values": [ { @@ -18925,7 +20613,12 @@ "attr": "max-characters-message", "reflectToAttr": false, "docs": "The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`Maximum input is ${this.maxCharacters} characters`" + } + ], "default": "`Maximum input is ${this.maxCharacters} characters`", "values": [ { @@ -18949,7 +20642,12 @@ "attr": "max-message", "reflectToAttr": false, "docs": "The text to display as the error message when the maximum value (the `max` prop value) has been exceeded.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`Maximum value of ${this.max} exceeded`" + } + ], "default": "`Maximum value of ${this.max} exceeded`", "values": [ { @@ -19002,7 +20700,12 @@ "attr": "min-characters", "reflectToAttr": false, "docs": "The minimum number of characters that can be entered in the field.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "0" + } + ], "default": "0", "values": [ { @@ -19026,7 +20729,12 @@ "attr": "min-characters-message", "reflectToAttr": false, "docs": "The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`Minimum input is ${this.minCharacters} characters`" + } + ], "default": "`Minimum input is ${this.minCharacters} characters`", "values": [ { @@ -19050,7 +20758,12 @@ "attr": "min-message", "reflectToAttr": false, "docs": "The text to display as the error message when the minimum value (the `min` prop value) has not been met.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`Minimum value of ${this.min} not met`" + } + ], "default": "`Minimum value of ${this.min} not met`", "values": [ { @@ -19074,7 +20787,12 @@ "attr": "name", "reflectToAttr": false, "docs": "The name of the control, which is submitted with the form data.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.inputId" + } + ], "default": "this.inputId", "values": [ { @@ -19098,7 +20816,12 @@ "attr": "placeholder", "reflectToAttr": false, "docs": "The placeholder value to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -19122,7 +20845,12 @@ "attr": "readonly", "reflectToAttr": true, "docs": "If `true`, the read only state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19146,7 +20874,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the input will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19170,7 +20903,12 @@ "attr": "resize", "reflectToAttr": false, "docs": "If `true`, the multiline text area will be resizeable.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19194,7 +20932,12 @@ "attr": "rows", "reflectToAttr": false, "docs": "The number of rows to transform the text field into a text area with a specific height.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "1" + } + ], "default": "1", "values": [ { @@ -19216,7 +20959,8 @@ "IcSizesNoLarge": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizesNoLarge" + "id": "../web-components/src/utils/types.ts::IcSizesNoLarge", + "referenceLocation": "IcSizesNoLarge" } } }, @@ -19224,7 +20968,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the text field component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -19253,7 +21002,12 @@ "attr": "spellcheck", "reflectToAttr": false, "docs": "If `true`, the value of the text field will have its spelling and grammar checked.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19275,7 +21029,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -19283,7 +21038,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -19314,7 +21074,8 @@ "IcTextFieldTypes": { "location": "import", "path": "./ic-text-field.types", - "id": "../web-components/src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldTypes" + "id": "../web-components/src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldTypes", + "referenceLocation": "IcTextFieldTypes" } } }, @@ -19322,7 +21083,12 @@ "attr": "type", "reflectToAttr": false, "docs": "The type of control to display. The default type is text.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"text\"" + } + ], "default": "\"text\"", "values": [ { @@ -19369,7 +21135,8 @@ "IcValidationAriaLive": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValidationAriaLive" + "id": "../web-components/src/utils/types.ts::IcValidationAriaLive", + "referenceLocation": "IcValidationAriaLive" } } }, @@ -19377,7 +21144,12 @@ "attr": "validation-aria-live", "reflectToAttr": false, "docs": "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\"`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"default\"" + } + ], "default": "\"default\"", "values": [ { @@ -19414,7 +21186,12 @@ "attr": "validation-inline", "reflectToAttr": false, "docs": "If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19436,7 +21213,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "../web-components/src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -19444,7 +21222,12 @@ "attr": "validation-status", "reflectToAttr": false, "docs": "The validation state - e.g. 'error' | 'warning' | 'success'.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -19480,7 +21263,12 @@ "attr": "validation-text", "reflectToAttr": false, "docs": "The text to display as the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -19504,7 +21292,12 @@ "attr": "value", "reflectToAttr": true, "docs": "The value of the text field.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -19553,7 +21346,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -19573,7 +21367,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -19593,7 +21388,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -19613,7 +21409,8 @@ "IcValueEventDetail": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcValueEventDetail" + "id": "../web-components/src/utils/types.ts::IcValueEventDetail", + "referenceLocation": "IcValueEventDetail" } } }, @@ -19633,7 +21430,8 @@ "IcTextFieldKeydownEventDetail": { "location": "import", "path": "./ic-text-field.types", - "id": "../web-components/src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldKeydownEventDetail" + "id": "../web-components/src/components/ic-text-field/ic-text-field.types.ts::IcTextFieldKeydownEventDetail", + "referenceLocation": "IcTextFieldKeydownEventDetail" } } }, @@ -19686,9 +21484,8 @@ } ], "parts": [], - "dependents": [ - "ic-pagination-bar" - ], + "states": [], + "dependents": ["ic-pagination-bar"], "dependencies": [ "ic-input-container", "ic-input-label", @@ -19704,15 +21501,9 @@ "ic-input-validation", "ic-typography" ], - "ic-input-label": [ - "ic-typography" - ], - "ic-input-validation": [ - "ic-typography" - ], - "ic-pagination-bar": [ - "ic-text-field" - ] + "ic-input-label": ["ic-typography"], + "ic-input-validation": ["ic-typography"], + "ic-pagination-bar": ["ic-text-field"] } }, { @@ -19734,7 +21525,8 @@ "IcColor": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcColor" + "id": "../web-components/src/utils/types.ts::IcColor", + "referenceLocation": "IcColor" } } }, @@ -19742,7 +21534,12 @@ "attr": "brand-color", "reflectToAttr": false, "docs": "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)\".", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "null" + } + ], "default": "null", "values": [ { @@ -19776,7 +21573,8 @@ "IcThemeSettings": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeSettings" + "id": "../web-components/src/utils/types.ts::IcThemeSettings", + "referenceLocation": "IcThemeSettings" } } }, @@ -19784,7 +21582,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "The theme mode. Can be \"dark\", \"light\", or \"system\". \"system\" will use the device or browser settings.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"light\"" + } + ], "default": "\"light\"", "values": [ { @@ -19822,7 +21625,8 @@ "IcThemeSettings": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeSettings" + "id": "../web-components/src/utils/types.ts::IcThemeSettings", + "referenceLocation": "IcThemeSettings" } } }, @@ -19836,6 +21640,7 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [], "dependencies": [], "dependencyGraph": {} @@ -19864,14 +21669,20 @@ "IcDisableTimeSelection": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDisableTimeSelection" + "id": "src/utils/types.ts::IcDisableTimeSelection", + "referenceLocation": "IcDisableTimeSelection" } } }, "mutable": false, "reflectToAttr": false, "docs": "An array of objects with start and end values that will be disabled in the time input. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -19895,7 +21706,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the disabled state will be set.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19919,7 +21735,12 @@ "attr": "emit-time-part-change", "reflectToAttr": false, "docs": "If `true`, every individual input field completed will emit an icTimeChange event.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19972,7 +21793,12 @@ "attr": "hide-helper-text", "reflectToAttr": false, "docs": "If `true`, the helper text will be visually hidden, but still read out by screenreaders.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -19996,7 +21822,12 @@ "attr": "hide-label", "reflectToAttr": false, "docs": "If `true`, the label will be visually hidden, but will still be read out by screen readers.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -20023,7 +21854,12 @@ "attr": "input-id", "reflectToAttr": false, "docs": "The ID for the input.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "`ic-time-input-${inputIds++}`" + } + ], "default": "`ic-time-input-${inputIds++}`", "values": [ { @@ -20047,7 +21883,12 @@ "attr": "invalid-time-message", "reflectToAttr": false, "docs": "The text to display as the validation message when an invalid time is entered.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Please enter a valid time.\"" + } + ], "default": "\"Please enter a valid time.\"", "values": [ { @@ -20099,7 +21940,12 @@ "attr": "max", "reflectToAttr": false, "docs": "The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20131,7 +21977,12 @@ "attr": "min", "reflectToAttr": false, "docs": "The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20158,7 +22009,12 @@ "attr": "name", "reflectToAttr": false, "docs": "The name of the control, which is submitted with the form data.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.inputId" + } + ], "default": "this.inputId", "values": [ { @@ -20182,7 +22038,12 @@ "attr": "required", "reflectToAttr": false, "docs": "If `true`, the input will require a value.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -20206,7 +22067,12 @@ "attr": "show-am-pm-toggle", "reflectToAttr": false, "docs": "If `true`, the time input will show an AM/PM toggle when in 12-hour time period.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -20233,7 +22099,12 @@ "attr": "show-clear-button", "reflectToAttr": false, "docs": "If `true`, a button which clears the time input when clicked will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -20258,7 +22129,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -20266,7 +22138,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the time input to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -20297,7 +22174,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -20305,7 +22183,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the time picker to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -20339,7 +22222,8 @@ "IcTimeFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcTimeFormat" + "id": "src/utils/types.ts::IcTimeFormat", + "referenceLocation": "IcTimeFormat" } } }, @@ -20347,7 +22231,12 @@ "attr": "time-format", "reflectToAttr": false, "docs": "The format in which the time will be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "this.DEFAULT_TIME_FORMAT" + } + ], "default": "this.DEFAULT_TIME_FORMAT", "values": [ { @@ -20380,7 +22269,12 @@ "attr": "time-period", "reflectToAttr": false, "docs": "The time period format: \"12\" for 12-hour, \"24\" for 24-hour. Defaults to \"24\".", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"24\"" + } + ], "default": "\"24\"", "values": [ { @@ -20407,7 +22301,8 @@ "IcAriaLive": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcAriaLive" + "id": "src/utils/types.ts::IcAriaLive", + "referenceLocation": "IcAriaLive" } } }, @@ -20415,7 +22310,12 @@ "attr": "validation-aria-live", "reflectToAttr": false, "docs": "The value of the `aria-live` attribute on the validation message.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"polite\"" + } + ], "default": "\"polite\"", "values": [ { @@ -20446,7 +22346,8 @@ "IcInformationStatusOrEmpty": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcInformationStatusOrEmpty" + "id": "src/utils/types.ts::IcInformationStatusOrEmpty", + "referenceLocation": "IcInformationStatusOrEmpty" } } }, @@ -20454,7 +22355,12 @@ "attr": "validation-status", "reflectToAttr": false, "docs": "The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in time validation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20490,7 +22396,12 @@ "attr": "validation-text", "reflectToAttr": false, "docs": "The text to display as the validation message. This will override the built-in time validation.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20515,7 +22426,8 @@ "IcDateValueFormat": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDateValueFormat" + "id": "src/utils/types.ts::IcDateValueFormat", + "referenceLocation": "IcDateValueFormat" } } }, @@ -20523,7 +22435,12 @@ "attr": "value", "reflectToAttr": false, "docs": "The value of the time input. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20641,6 +22558,7 @@ } ], "parts": [], + "states": [], "dependents": [], "dependencies": [ "ic-input-container", @@ -20661,26 +22579,12 @@ "ic-toggle-button", "ic-input-validation" ], - "ic-input-label": [ - "ic-typography" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-toggle-button": [ - "ic-button" - ], - "ic-input-validation": [ - "ic-typography" - ] + "ic-input-label": ["ic-typography"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-toggle-button": ["ic-button"], + "ic-input-validation": ["ic-typography"] } }, { @@ -20702,14 +22606,20 @@ "IcDisableTimeSelection": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcDisableTimeSelection" + "id": "src/utils/types.ts::IcDisableTimeSelection", + "referenceLocation": "IcDisableTimeSelection" } } }, "mutable": false, "reflectToAttr": false, "docs": "An array of objects with start and end values that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -20738,7 +22648,12 @@ "attr": "max", "reflectToAttr": false, "docs": "The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20770,7 +22685,12 @@ "attr": "min", "reflectToAttr": false, "docs": "The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20795,7 +22715,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -20803,7 +22724,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the time selector to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -20834,7 +22760,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -20842,7 +22769,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -20878,7 +22810,12 @@ "attr": "time-period", "reflectToAttr": false, "docs": "The time period format: \"12\" for 12-hour, \"24\" for 24-hour. Defaults to \"24\".", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"24\"" + } + ], "default": "\"24\"", "values": [ { @@ -20912,7 +22849,12 @@ "attr": "value", "reflectToAttr": false, "docs": "The value of the time selector. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -20951,7 +22893,8 @@ "IcTimePeriods": { "location": "import", "path": "./ic-time-selector.types", - "id": "src/components/ic-time-selector/ic-time-selector.types.ts::IcTimePeriods" + "id": "src/components/ic-time-selector/ic-time-selector.types.ts::IcTimePeriods", + "referenceLocation": "IcTimePeriods" } } }, @@ -20965,27 +22908,14 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography", - "ic-button" - ], + "dependencies": ["ic-typography", "ic-button"], "dependencyGraph": { - "ic-time-selector": [ - "ic-typography", - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-time-selector": ["ic-typography", "ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"] } }, { @@ -21044,7 +22974,12 @@ "attr": "checked", "reflectToAttr": true, "docs": "If `true`, the toggle button will be in a checked state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21068,7 +23003,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the toggle button will be in disabled state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21092,7 +23032,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the toggle button will fill the width of the container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21114,7 +23059,8 @@ "IcIconPlacementOptions": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcIconPlacementOptions" + "id": "../web-components/src/utils/types.ts::IcIconPlacementOptions", + "referenceLocation": "IcIconPlacementOptions" } } }, @@ -21122,7 +23068,12 @@ "attr": "icon-placement", "reflectToAttr": false, "docs": "The placement of the icon in relation to the toggle button label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"left\"" + } + ], "default": "\"left\"", "values": [ { @@ -21181,7 +23132,12 @@ "attr": "loading", "reflectToAttr": false, "docs": "If `true`, the toggle button will be in loading state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21205,7 +23161,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the toggle button will display as black in the light theme, and white in dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21229,7 +23190,12 @@ "attr": "outline", "reflectToAttr": false, "docs": "If `true`, the toggle button will display with an outline.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -21251,7 +23217,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -21259,7 +23226,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the toggle button to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -21290,7 +23262,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -21298,7 +23271,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -21329,7 +23307,8 @@ "IcButtonTooltipPlacement": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcButtonTooltipPlacement" + "id": "../web-components/src/utils/types.ts::IcButtonTooltipPlacement", + "referenceLocation": "IcButtonTooltipPlacement" } } }, @@ -21337,7 +23316,12 @@ "attr": "tooltip-placement", "reflectToAttr": false, "docs": "The position of the tooltip in relation to the toggle button.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"bottom\"" + } + ], "default": "\"bottom\"", "values": [ { @@ -21374,7 +23358,12 @@ "attr": "variant", "reflectToAttr": true, "docs": "The variant of the toggle button.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"default\"" + } + ], "default": "\"default\"", "values": [ { @@ -21428,30 +23417,15 @@ } ], "parts": [], - "dependents": [ - "ic-time-input" - ], - "dependencies": [ - "ic-button" - ], + "states": [], + "dependents": ["ic-time-input"], + "dependencies": ["ic-button"], "dependencyGraph": { - "ic-toggle-button": [ - "ic-button" - ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-time-input": [ - "ic-toggle-button" - ] + "ic-toggle-button": ["ic-button"], + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-time-input": ["ic-toggle-button"] } }, { @@ -21475,7 +23449,12 @@ "attr": "accessible-label", "reflectToAttr": false, "docs": "The accessible label of the toggle button group component to provide context for screen reader users.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"Toggle button group\"" + } + ], "default": "\"Toggle button group\"", "values": [ { @@ -21499,7 +23478,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the toggle button group will be set to the disabled state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21523,7 +23507,12 @@ "attr": "full-width", "reflectToAttr": false, "docs": "If `true`, the toggle button group will fill the width of the container.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21545,7 +23534,8 @@ "IcIconPlacementOptions": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcIconPlacementOptions" + "id": "../web-components/src/utils/types.ts::IcIconPlacementOptions", + "referenceLocation": "IcIconPlacementOptions" } } }, @@ -21588,7 +23578,12 @@ "attr": "loading", "reflectToAttr": false, "docs": "If `true`, the toggle button group will be in loading state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21612,7 +23607,12 @@ "attr": "monochrome", "reflectToAttr": false, "docs": "If `true`, the toggle button group will display as black in the light theme, and white in dark theme.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21636,7 +23636,12 @@ "attr": "outline", "reflectToAttr": false, "docs": "If `true`, the toggle button group will display with an outline.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "true" + } + ], "default": "true", "values": [ { @@ -21658,7 +23663,8 @@ "IcSelectMethodTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSelectMethodTypes" + "id": "../web-components/src/utils/types.ts::IcSelectMethodTypes", + "referenceLocation": "IcSelectMethodTypes" } } }, @@ -21666,7 +23672,12 @@ "attr": "select-method", "reflectToAttr": false, "docs": "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`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"manual\"" + } + ], "default": "\"manual\"", "values": [ { @@ -21693,7 +23704,8 @@ "IcSelectTypes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSelectTypes" + "id": "../web-components/src/utils/types.ts::IcSelectTypes", + "referenceLocation": "IcSelectTypes" } } }, @@ -21701,7 +23713,12 @@ "attr": "select-type", "reflectToAttr": false, "docs": "Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"single\"" + } + ], "default": "\"single\"", "values": [ { @@ -21728,7 +23745,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcSizes" + "id": "../web-components/src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -21736,7 +23754,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -21767,7 +23790,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -21775,7 +23799,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -21806,7 +23835,8 @@ "IcButtonTooltipPlacement": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcButtonTooltipPlacement" + "id": "../web-components/src/utils/types.ts::IcButtonTooltipPlacement", + "referenceLocation": "IcButtonTooltipPlacement" } } }, @@ -21814,7 +23844,12 @@ "attr": "tooltip-placement", "reflectToAttr": false, "docs": "The position of the tooltip in relation to the toggle buttons.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"bottom\"" + } + ], "default": "\"bottom\"", "values": [ { @@ -21851,7 +23886,12 @@ "attr": "variant", "reflectToAttr": true, "docs": "The variant of the toggle button.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"default\"" + } + ], "default": "\"default\"", "values": [ { @@ -21882,7 +23922,8 @@ "IcChangeEventDetail": { "location": "import", "path": "./ic-toggle-button-group.types", - "id": "../web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.types.ts::IcChangeEventDetail" + "id": "../web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.types.ts::IcChangeEventDetail", + "referenceLocation": "IcChangeEventDetail" } } }, @@ -21902,14 +23943,11 @@ "styles": [], "slots": [], "parts": [], - "dependents": [ - "ic-time-input" - ], + "states": [], + "dependents": ["ic-time-input"], "dependencies": [], "dependencyGraph": { - "ic-time-input": [ - "ic-toggle-button-group" - ] + "ic-time-input": ["ic-toggle-button-group"] } }, { @@ -21938,7 +23976,12 @@ "attr": "disable-click", "reflectToAttr": false, "docs": "If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21965,7 +24008,12 @@ "attr": "disable-hover", "reflectToAttr": false, "docs": "If `true`, the tooltip will not be displayed on hover, it will require a click.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -21992,7 +24040,12 @@ "attr": "fixed-positioning", "reflectToAttr": false, "docs": "Setting to `true` can help in situations where tooltip content is clipped by a parent element.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -22089,7 +24142,8 @@ "IcTooltipPlacements": { "location": "import", "path": "./ic-tooltip.types", - "id": "../web-components/src/components/ic-tooltip/ic-tooltip.types.ts::IcTooltipPlacements" + "id": "../web-components/src/components/ic-tooltip/ic-tooltip.types.ts::IcTooltipPlacements", + "referenceLocation": "IcTooltipPlacements" } } }, @@ -22097,7 +24151,12 @@ "attr": "placement", "reflectToAttr": false, "docs": "The position of the tooltip in relation to the parent element.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"bottom\"" + } + ], "default": "\"bottom\"", "values": [ { @@ -22193,7 +24252,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -22201,7 +24261,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "Sets the tooltip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -22312,6 +24377,7 @@ } ], "parts": [], + "states": [], "dependents": [ "ic-button", "ic-chip", @@ -22322,37 +24388,17 @@ "ic-tree-item", "ic-tree-view" ], - "dependencies": [ - "ic-typography" - ], + "dependencies": ["ic-typography"], "dependencyGraph": { - "ic-tooltip": [ - "ic-typography" - ], - "ic-button": [ - "ic-tooltip" - ], - "ic-chip": [ - "ic-tooltip" - ], - "ic-data-table": [ - "ic-tooltip" - ], - "ic-navigation-item": [ - "ic-tooltip" - ], - "ic-pagination-bar": [ - "ic-tooltip" - ], - "ic-table-of-contents": [ - "ic-tooltip" - ], - "ic-tree-item": [ - "ic-tooltip" - ], - "ic-tree-view": [ - "ic-tooltip" - ] + "ic-tooltip": ["ic-typography"], + "ic-button": ["ic-tooltip"], + "ic-chip": ["ic-tooltip"], + "ic-data-table": ["ic-tooltip"], + "ic-navigation-item": ["ic-tooltip"], + "ic-pagination-bar": ["ic-tooltip"], + "ic-table-of-contents": ["ic-tooltip"], + "ic-tree-item": ["ic-tooltip"], + "ic-tree-view": ["ic-tooltip"] } }, { @@ -22429,7 +24475,8 @@ "IcAlignment": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcAlignment" + "id": "../web-components/src/utils/types.ts::IcAlignment", + "referenceLocation": "IcAlignment" } } }, @@ -22437,7 +24484,12 @@ "attr": "content-aligned", "reflectToAttr": false, "docs": "The alignment of the top navigation content.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"full-width\"" + } + ], "default": "\"full-width\"", "values": [ { @@ -22468,7 +24520,8 @@ "IcDeviceSizes": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcDeviceSizes" + "id": "../web-components/src/utils/types.ts::IcDeviceSizes", + "referenceLocation": "IcDeviceSizes" } } }, @@ -22476,7 +24529,12 @@ "attr": "custom-mobile-breakpoint", "reflectToAttr": false, "docs": "Can set a custom breakpoint for the top navigation to switch to mobile mode.\nMust be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "DEVICE_SIZES.L" + } + ], "default": "DEVICE_SIZES.L", "values": [ { @@ -22517,7 +24575,12 @@ "attr": "hide-app-title", "reflectToAttr": false, "docs": "If `true`, the app title will be hidden, but still accessible to screen readers.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -22541,7 +24604,12 @@ "attr": "href", "reflectToAttr": false, "docs": "The URL to navigate to when the app title or app icon is clicked.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"/\"" + } + ], "default": "\"/\"", "values": [ { @@ -22565,7 +24633,12 @@ "attr": "inline", "reflectToAttr": false, "docs": "If `true`, the flyout navigation menu on small devices will be contained by the parent element.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -22589,7 +24662,12 @@ "attr": "short-app-title", "reflectToAttr": false, "docs": "The short title of the app to be displayed at small screen sizes in place of the app title.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -22613,7 +24691,12 @@ "attr": "status", "reflectToAttr": false, "docs": "The status info to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -22635,7 +24718,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -22643,7 +24727,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -22676,7 +24765,12 @@ "attr": "version", "reflectToAttr": false, "docs": "The version info to be displayed.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -22761,6 +24855,7 @@ } ], "parts": [], + "states": [], "dependents": [], "dependencies": [ "ic-section-container", @@ -22775,20 +24870,10 @@ "ic-button", "ic-horizontal-scroll" ], - "ic-button": [ - "ic-typography", - "ic-loading-indicator", - "ic-tooltip" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-horizontal-scroll": [ - "ic-button" - ] + "ic-button": ["ic-typography", "ic-loading-indicator", "ic-tooltip"], + "ic-loading-indicator": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-horizontal-scroll": ["ic-button"] } }, { @@ -22825,7 +24910,12 @@ "attr": "disabled", "reflectToAttr": false, "docs": "If `true`, the tree item appears in the disabled state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -22849,7 +24939,12 @@ "attr": "expanded", "reflectToAttr": false, "docs": "If `true`, the tree item appears in the expanded state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -22899,7 +24994,12 @@ "attr": "hreflang", "reflectToAttr": false, "docs": "The human language of the linked URL.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -22926,7 +25026,12 @@ "attr": "label", "reflectToAttr": false, "docs": "The label of the tree item.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -23039,7 +25144,12 @@ "attr": "selected", "reflectToAttr": false, "docs": "If `true`, the tree item appears in the selected state.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23087,7 +25197,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -23095,7 +25206,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -23249,19 +25365,12 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-typography", - "ic-tooltip" - ], + "dependencies": ["ic-typography", "ic-tooltip"], "dependencyGraph": { - "ic-tree-item": [ - "ic-typography", - "ic-tooltip" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-tree-item": ["ic-typography", "ic-tooltip"], + "ic-tooltip": ["ic-typography"] } }, { @@ -23294,7 +25403,12 @@ "attr": "heading", "reflectToAttr": false, "docs": "The heading of the tree view.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"\"" + } + ], "default": "\"\"", "values": [ { @@ -23316,7 +25430,8 @@ "IcSizes": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcSizes" + "id": "src/utils/types.ts::IcSizes", + "referenceLocation": "IcSizes" } } }, @@ -23324,7 +25439,12 @@ "attr": "size", "reflectToAttr": false, "docs": "The size of the tree view.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"medium\"" + } + ], "default": "\"medium\"", "values": [ { @@ -23358,7 +25478,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "src/utils/types.ts::IcThemeMode" + "id": "src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -23366,7 +25487,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -23400,14 +25526,20 @@ "IcTreeItemOptions": { "location": "import", "path": "./ic-tree-view.types", - "id": "src/components/ic-tree-view/ic-tree-view.types.tsx::IcTreeItemOptions" + "id": "src/components/ic-tree-view/ic-tree-view.types.tsx::IcTreeItemOptions", + "referenceLocation": "IcTreeItemOptions" } } }, "mutable": false, "reflectToAttr": false, "docs": "The content within the tree view tree items. This will take precedence over slotted content.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "[]" + } + ], "default": "[]", "values": [ { @@ -23431,7 +25563,12 @@ "attr": "truncate-heading", "reflectToAttr": false, "docs": "If `true`, the tree view heading will be truncated instead of text wrapping.\nWhen used on small devices, this prop will be overridden and headings will be set to text-wrap.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23455,7 +25592,12 @@ "attr": "truncate-tree-items", "reflectToAttr": false, "docs": "If `true`, tree items will be truncated, unless they are individually overridden.\nWhen used on small devices, this prop will be overridden and tree-items will be set to text-wrap.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23495,19 +25637,12 @@ } ], "parts": [], + "states": [], "dependents": [], - "dependencies": [ - "ic-tooltip", - "ic-typography" - ], + "dependencies": ["ic-tooltip", "ic-typography"], "dependencyGraph": { - "ic-tree-view": [ - "ic-tooltip", - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ] + "ic-tree-view": ["ic-tooltip", "ic-typography"], + "ic-tooltip": ["ic-typography"] } }, { @@ -23531,7 +25666,12 @@ "attr": "apply-vertical-margins", "reflectToAttr": false, "docs": "If `true`, appropriate top and bottom margins will be applied to the typography.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23558,7 +25698,12 @@ "attr": "bold", "reflectToAttr": false, "docs": "If `true`, the typography will have a bold font weight.\nNote: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large).", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23585,7 +25730,12 @@ "attr": "italic", "reflectToAttr": false, "docs": "If `true`, the typography will have an italic font style.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23638,7 +25788,12 @@ "attr": "strikethrough", "reflectToAttr": false, "docs": "If `true`, the typography will have a line through it.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23663,7 +25818,8 @@ "IcThemeMode": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcThemeMode" + "id": "../web-components/src/utils/types.ts::IcThemeMode", + "referenceLocation": "IcThemeMode" } } }, @@ -23671,7 +25827,12 @@ "attr": "theme", "reflectToAttr": false, "docs": "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.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"inherit\"" + } + ], "default": "\"inherit\"", "values": [ { @@ -23707,7 +25868,12 @@ "attr": "underline", "reflectToAttr": false, "docs": "If `true`, the typography will have a line under it.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "false" + } + ], "default": "false", "values": [ { @@ -23732,7 +25898,8 @@ "IcTypographyVariants": { "location": "import", "path": "../../utils/types", - "id": "../web-components/src/utils/types.ts::IcTypographyVariants" + "id": "../web-components/src/utils/types.ts::IcTypographyVariants", + "referenceLocation": "IcTypographyVariants" } } }, @@ -23740,7 +25907,12 @@ "attr": "variant", "reflectToAttr": false, "docs": "The ICDS typography style to use.", - "docsTags": [], + "docsTags": [ + { + "name": "default", + "text": "\"body\"" + } + ], "default": "\"body\"", "values": [ { @@ -23823,6 +25995,7 @@ "styles": [], "slots": [], "parts": [], + "states": [], "dependents": [ "ic-accordion", "ic-action-chip", @@ -23860,105 +26033,39 @@ ], "dependencies": [], "dependencyGraph": { - "ic-accordion": [ - "ic-typography" - ], - "ic-action-chip": [ - "ic-typography" - ], - "ic-button": [ - "ic-typography" - ], - "ic-calendar": [ - "ic-typography" - ], - "ic-checkbox": [ - "ic-typography" - ], - "ic-chip": [ - "ic-typography" - ], - "ic-data-table": [ - "ic-typography" - ], - "ic-data-table-title-bar": [ - "ic-typography" - ], - "ic-drawer": [ - "ic-typography" - ], - "ic-empty-state": [ - "ic-typography" - ], - "ic-footer": [ - "ic-typography" - ], - "ic-input-label": [ - "ic-typography" - ], - "ic-input-validation": [ - "ic-typography" - ], - "ic-loading-indicator": [ - "ic-typography" - ], - "ic-menu": [ - "ic-typography" - ], - "ic-menu-group": [ - "ic-typography" - ], - "ic-menu-item": [ - "ic-typography" - ], - "ic-navigation-item": [ - "ic-typography" - ], - "ic-page-header": [ - "ic-typography" - ], - "ic-pagination-bar": [ - "ic-typography" - ], - "ic-pagination-item": [ - "ic-typography" - ], - "ic-popover-menu": [ - "ic-typography" - ], - "ic-radio-option": [ - "ic-typography" - ], - "ic-select": [ - "ic-typography" - ], - "ic-side-navigation": [ - "ic-typography" - ], - "ic-tab": [ - "ic-typography" - ], - "ic-table-of-contents": [ - "ic-typography" - ], - "ic-text-field": [ - "ic-typography" - ], - "ic-time-selector": [ - "ic-typography" - ], - "ic-tooltip": [ - "ic-typography" - ], - "ic-top-navigation": [ - "ic-typography" - ], - "ic-tree-item": [ - "ic-typography" - ], - "ic-tree-view": [ - "ic-typography" - ] + "ic-accordion": ["ic-typography"], + "ic-action-chip": ["ic-typography"], + "ic-button": ["ic-typography"], + "ic-calendar": ["ic-typography"], + "ic-checkbox": ["ic-typography"], + "ic-chip": ["ic-typography"], + "ic-data-table": ["ic-typography"], + "ic-data-table-title-bar": ["ic-typography"], + "ic-drawer": ["ic-typography"], + "ic-empty-state": ["ic-typography"], + "ic-footer": ["ic-typography"], + "ic-input-label": ["ic-typography"], + "ic-input-validation": ["ic-typography"], + "ic-loading-indicator": ["ic-typography"], + "ic-menu": ["ic-typography"], + "ic-menu-group": ["ic-typography"], + "ic-menu-item": ["ic-typography"], + "ic-navigation-item": ["ic-typography"], + "ic-page-header": ["ic-typography"], + "ic-pagination-bar": ["ic-typography"], + "ic-pagination-item": ["ic-typography"], + "ic-popover-menu": ["ic-typography"], + "ic-radio-option": ["ic-typography"], + "ic-select": ["ic-typography"], + "ic-side-navigation": ["ic-typography"], + "ic-tab": ["ic-typography"], + "ic-table-of-contents": ["ic-typography"], + "ic-text-field": ["ic-typography"], + "ic-time-selector": ["ic-typography"], + "ic-tooltip": ["ic-typography"], + "ic-top-navigation": ["ic-typography"], + "ic-tree-item": ["ic-typography"], + "ic-tree-view": ["ic-typography"] } } ], @@ -24384,4 +26491,4 @@ "path": "src/components/ic-tree-view/ic-tree-view.types.tsx" } } -} \ No newline at end of file +} diff --git a/packages/canary-react/package-lock.json b/packages/canary-react/package-lock.json index bfe9e0f629f..f5cbdb5241e 100644 --- a/packages/canary-react/package-lock.json +++ b/packages/canary-react/package-lock.json @@ -4366,14 +4366,14 @@ } }, "node_modules/@ukic/canary-web-components": { - "version": "3.0.0-canary.44", - "resolved": "https://registry.npmjs.org/@ukic/canary-web-components/-/canary-web-components-3.0.0-canary.44.tgz", - "integrity": "sha512-Ql4QjlH4UT8wZfOAf6C43ecGi2uE6l1jsiFVyQ8GtZzOlubURJnmksMEEuhZUiTrKJuaUAEQ+puVKhOX7vpKng==", + "version": "3.0.0-canary.45", + "resolved": "https://registry.npmjs.org/@ukic/canary-web-components/-/canary-web-components-3.0.0-canary.45.tgz", + "integrity": "sha512-827UkavF9xWipKWHhCuSan6zGeLS07mngSwiWWxDXDSo1IFbkJo/b3kBmWgGN4as63I1UABt9ESzuVyk+oWzMA==", "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.2", "@stencil/core": "4.26.0", - "@ukic/web-components": "^3.28.0" + "@ukic/web-components": "^3.29.0" }, "peerDependencies": { "@ukic/fonts": "^3.1.0" @@ -4400,12 +4400,12 @@ "peer": true }, "node_modules/@ukic/react": { - "version": "3.28.0", - "resolved": "https://registry.npmjs.org/@ukic/react/-/react-3.28.0.tgz", - "integrity": "sha512-Swd1Uxdq1dawP0xSEkR+Eyv/YQi+FZNYgQiNzvcThWcc/r8q+xn8vnOeE6rpFmqFp+mQ5cf44MjlX6gQwVs9Mw==", + "version": "3.29.0", + "resolved": "https://registry.npmjs.org/@ukic/react/-/react-3.29.0.tgz", + "integrity": "sha512-pXALH4u4wXq5X8mgCabLdaLZyvL5+MIn5WdrJgW9CeltZZ/ZPWqA/gYjMOHBakAb9vqSiwxmZkyupi5Nky8hAg==", "license": "MIT", "dependencies": { - "@ukic/web-components": "^3.28.0" + "@ukic/web-components": "^3.29.0" }, "peerDependencies": { "@ukic/fonts": "^3.1.0", @@ -4414,9 +4414,9 @@ } }, "node_modules/@ukic/web-components": { - "version": "3.28.0", - "resolved": "https://registry.npmjs.org/@ukic/web-components/-/web-components-3.28.0.tgz", - "integrity": "sha512-u3xAcWtVObRm7Bnt8jmIR5qd55gn2qEaSt3a2EpeKi+kl6JULBxUNkgJf9/sb5BQNo8MsxB6hco2l/p+rMjC2g==", + "version": "3.29.0", + "resolved": "https://registry.npmjs.org/@ukic/web-components/-/web-components-3.29.0.tgz", + "integrity": "sha512-x/Wutlz88MyhPpkbcxeCecPVNaRZDKBrozFPylNG9YuVvTFlv5uN62skxY7RsSb0tcqpAxE9JtWPzFF9M7xtCg==", "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.2", diff --git a/packages/canary-web-components/package-lock.json b/packages/canary-web-components/package-lock.json index e392cd86cfe..3d0f32b21db 100644 --- a/packages/canary-web-components/package-lock.json +++ b/packages/canary-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", "@ukic/web-components": "^3.29.0" }, "devDependencies": { @@ -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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.5.tgz", + "integrity": "sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ==", "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.5.tgz", + "integrity": "sha512-51Bnx9pNiMRKSUNtBfySkNJ9vMU9Hh3I1ozDd6gyPPYzaXCfnptUcEZxXGYFn+ul2dtcMUiqGR1Yai2K10uoTw==", "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.5.tgz", + "integrity": "sha512-Tm+gbfC0aHu1tBA/JvKQh32S0K6YgCHkiAF4/W6xX0K0RmNuc94VeK419dJoE65R5aRxmo+noZQSWrAMF6yb6g==", "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.5.tgz", + "integrity": "sha512-JMzDKCCXq93YccG5gz3hvOs1oXRKAf0XYpfOS88e+wZrC8Iugj6j68867vrYZkvpDDpKn/KoKORThmchMpF6TA==", "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.5.tgz", + "integrity": "sha512-uML21j2K5TfPGutKxub+M+nLjZIrWjXQ5Grx4lCe/nimTj9B4L63zHpjXLl4y0L3mcm2htEQIb06oCG/szerNw==", "cpu": [ "arm" ], @@ -3629,13 +3629,16 @@ } }, "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.5.tgz", + "integrity": "sha512-navSiuTMogvnQoZoM/v+l3ZWo50/NTwSHSzheABx/RCnmUPaKwq9qSo4Br2OYRs21+Fz8uFqITZM3H4opOB0/Q==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ @@ -3647,13 +3650,16 @@ } }, "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.5.tgz", + "integrity": "sha512-lAryqH7IteztmCXQXk0etKj4wBQ7Gx5S6LjKhsgp9zb8I5bsuvU/2llH1hDQcjsFeqIsovMVN339/8pUDDBXxA==", "cpu": [ "arm64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ @@ -3665,13 +3671,16 @@ } }, "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.5.tgz", + "integrity": "sha512-fsK/sNBnxzBlL4O1JNrZakVQxPspqpED5dLtNsZS9oOKmtSpdNIzxH2kkol5HYTWJN47sE20ztMJPxfZ89qGOg==", "cpu": [ "ppc64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ @@ -3683,13 +3692,16 @@ } }, "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.5.tgz", + "integrity": "sha512-gLYb4BIadlfTOYT5gO503n8zQjXflgzpD0FcyKh0Mzx3rqCZKnHoJWV9xe1KXUJ5lx2JfcSHr/mhzS0PC/McAA==", "cpu": [ "s390x" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ @@ -3701,13 +3713,16 @@ } }, "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.5.tgz", + "integrity": "sha512-FjcpEKUyJygHgs1o50VYNvkt5+7Le/VEdYt0AkRpkL33MnyQfwr8l5mXwMmfmTbyMPr5vJLC+8/Gd9gXnwU1QQ==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MIT", "optional": true, "os": [ @@ -3719,13 +3734,16 @@ } }, "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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.5.tgz", + "integrity": "sha512-Me+PfPI2TMeOQk0gYWfLQZtTktrmzbr8cDboqX83XKc7UrgAi55gF+2dUkWdxd19n55Essp2yeca+O9N5rBxHg==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ @@ -3737,9 +3755,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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.5.tgz", + "integrity": "sha512-yc5WrLzXks6zCQfn9Oxr8pORKyl/pF+QjHmW/Qx3qu0oyrrNC+y2JLTU1E2rcWYAmzlnqngWXHQjy51VzW70Vw==", "cpu": [ "arm64" ], @@ -3755,9 +3773,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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.5.tgz", + "integrity": "sha512-VbQGPX2b4r48TAMIM2cjgluIM1HYutm4pcTEJsle7iEP7sB1dFqtPLBVbdLAZCxy1txCcPxf4QFf4v8uvltPqA==", "cpu": [ "wasm32" ], @@ -3812,9 +3830,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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.5.tgz", + "integrity": "sha512-gHv82k63z4qpV5+Q1y/12KrK0ltWBukVDI8nZcbT7Tt/ZlOIVwppazneq0F93oDxTo3IgAMEDIoQh3E2n6mVsw==", "cpu": [ "arm64" ], @@ -3830,9 +3848,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.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.5.tgz", + "integrity": "sha512-tTZuDBPw85tEN5PQi1pnEBzDy0Z49HtScLAbD5t6hyeU92A95pRWaSMw1GZZi/RwgSgUIl0xrSlXIT/9QzvYSA==", "cpu": [ "x64" ], @@ -3855,6 +3873,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 +4017,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 +4027,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": { @@ -4632,9 +4776,9 @@ "peer": true }, "node_modules/@ukic/web-components": { - "version": "3.28.0", - "resolved": "https://registry.npmjs.org/@ukic/web-components/-/web-components-3.28.0.tgz", - "integrity": "sha512-u3xAcWtVObRm7Bnt8jmIR5qd55gn2qEaSt3a2EpeKi+kl6JULBxUNkgJf9/sb5BQNo8MsxB6hco2l/p+rMjC2g==", + "version": "3.29.0", + "resolved": "https://registry.npmjs.org/@ukic/web-components/-/web-components-3.29.0.tgz", + "integrity": "sha512-x/Wutlz88MyhPpkbcxeCecPVNaRZDKBrozFPylNG9YuVvTFlv5uN62skxY7RsSb0tcqpAxE9JtWPzFF9M7xtCg==", "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.2", @@ -4645,6 +4789,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", @@ -8795,6 +8952,9 @@ "arm64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -8817,6 +8977,9 @@ "arm64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -8839,6 +9002,9 @@ "x64" ], "dev": true, + "libc": [ + "glibc" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -8861,6 +9027,9 @@ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MPL-2.0", "optional": true, "os": [ @@ -10906,14 +11075,14 @@ } }, "node_modules/rolldown": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.3.tgz", - "integrity": "sha512-1F1eEtUBtFvcGm1HQ9TiUIUHPQG7mSAODrhIzjxoUEFuo8OcbrGLiVLkevNgj84TE4lnHvnumwFjhJO5Eu135g==", + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.5.tgz", + "integrity": "sha512-t9z29cJjXf/vxQ8dyhCSpt6H6aSwHTk8cT5I3iy6SMXuFpk5mB6PL6XfC8PCwrPTx93udwKUm9HRteAlTGBLiA==", "dev": true, "license": "MIT", "peer": true, "dependencies": { - "@oxc-project/types": "=0.137.0", + "@oxc-project/types": "=0.139.0", "@rolldown/pluginutils": "^1.0.0" }, "bin": { @@ -10923,27 +11092,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.1.5", + "@rolldown/binding-darwin-arm64": "1.1.5", + "@rolldown/binding-darwin-x64": "1.1.5", + "@rolldown/binding-freebsd-x64": "1.1.5", + "@rolldown/binding-linux-arm-gnueabihf": "1.1.5", + "@rolldown/binding-linux-arm64-gnu": "1.1.5", + "@rolldown/binding-linux-arm64-musl": "1.1.5", + "@rolldown/binding-linux-ppc64-gnu": "1.1.5", + "@rolldown/binding-linux-s390x-gnu": "1.1.5", + "@rolldown/binding-linux-x64-gnu": "1.1.5", + "@rolldown/binding-linux-x64-musl": "1.1.5", + "@rolldown/binding-openharmony-arm64": "1.1.5", + "@rolldown/binding-wasm32-wasi": "1.1.5", + "@rolldown/binding-win32-arm64-msvc": "1.1.5", + "@rolldown/binding-win32-x64-msvc": "1.1.5" } }, "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.139.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.139.0.tgz", + "integrity": "sha512-r9gHphtCs+1M7J0pw6Sn/hh/Wpa/iQrOOkrNAlVLF/gHq+/CJmHIWKKUUhdWjcD6CIa8idarspCsASiXCXvFUw==", "dev": true, "license": "MIT", "peer": true, @@ -11611,9 +11780,9 @@ } }, "node_modules/tinyglobby/node_modules/picomatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", - "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", "dev": true, "license": "MIT", "peer": true, @@ -12055,9 +12224,9 @@ } }, "node_modules/unplugin/node_modules/picomatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", - "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", "dev": true, "license": "MIT", "engines": { @@ -12217,9 +12386,9 @@ } }, "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.1.3", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.3.tgz", + "integrity": "sha512-Ds+gBRbj0lwRO2Y5hwnUBdxSwlAve9LeRyU4sNnAr0ewW0gWF0n5bgXgUzbgZ49MV9BVUAQUFYVcDUcilUExMA==", "dev": true, "license": "MIT", "peer": true, @@ -12296,9 +12465,9 @@ } }, "node_modules/vite/node_modules/picomatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", - "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", "dev": true, "license": "MIT", "peer": true, 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/src/components.d.ts b/packages/canary-web-components/src/components.d.ts index 2d5380e34c8..75d832275ce 100644 --- a/packages/canary-web-components/src/components.d.ts +++ b/packages/canary-web-components/src/components.d.ts @@ -59,18 +59,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; /** @@ -79,20 +83,24 @@ 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 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; /** @@ -133,6 +141,7 @@ export namespace Components { "label": string; /** * If `true`, the button will display as monochromatic in either `light` or `dark` theme. + * @default false */ "monochrome": boolean; /** @@ -149,6 +158,7 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the chip. + * @default "medium" */ "size": IcSizes; /** @@ -157,54 +167,66 @@ 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 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; /** @@ -233,6 +255,7 @@ export namespace Components { "formtarget"?: string; /** * If `true`, the button will fill the width of the container. + * @default false */ "fullWidth": boolean; /** @@ -245,14 +268,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; /** @@ -273,6 +299,7 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the button to be displayed. + * @default "medium" */ "size": IcSizes; /** @@ -281,26 +308,32 @@ 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; } @@ -308,80 +341,99 @@ export namespace Components { "clearDialogDescription": () => Promise; /** * The format in which the date will be displayed. + * @default "DD/MM/YYYY" */ "dateFormat": IcDateFormat; /** * The days of the week to disable. + * @default [] */ "disableDays"?: IcWeekDays[]; /** * If `true`, dates in the future are not allowed. + * @default false */ "disableFuture"?: boolean; /** * If `true`, dates in the past are not allowed. + * @default false */ "disablePast"?: boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled": boolean; /** * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`. + * @default "" */ "max": string | Date; /** * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`. + * @default "" */ "min": string | Date; /** * The date visible when the calendar opens. Used if no date is currently selected. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "openAtDate": string | Date; /** * If `true`, the `Clear` button on the calendar will be visible. + * @default true */ "showClearButton"?: boolean; /** * If `true`, days outside the current month will be visible in the calendar. + * @default true */ "showDaysOutsideMonth"?: boolean; /** * If `true`, the `Go to today` button on the calendar will be visible. + * @default true */ "showTodayButton"?: boolean; /** * The size of the calendar to be displayed. + * @default "medium" */ "size": IcSizes1; /** * The first day of the week. `0` for Sunday, `1` for Monday, etc. Default is Monday. + * @default IcWeekDays.Monday */ "startOfWeek": IcWeekDays; /** * Sets the calendar to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The value of the calendar and the date visible when the calendar opens. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } 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; /** @@ -394,10 +446,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; /** @@ -410,6 +464,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; /** @@ -422,10 +477,12 @@ 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; } @@ -436,18 +493,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; /** @@ -460,18 +521,22 @@ 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; } @@ -482,6 +547,7 @@ export namespace Components { "caption": string; /** * Determines whether the column header should be truncated and display a tooltip. Default is `false`. + * @default false */ "columnHeaderTruncation": boolean; /** @@ -494,18 +560,22 @@ export namespace Components { "data"?: IcDataTableDataType[]; /** * Set the density of the table including font and padding. + * @default "default" */ "density": IcDataTableDensityOptions; /** * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source. + * @default false */ "disableAutoSort"?: boolean; /** * Applies a border to the table container. + * @default false */ "embedded": boolean; /** * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method. + * @default "auto" */ "globalRowHeight": IcDataTableRowHeights; /** @@ -514,10 +584,12 @@ export namespace Components { "height"?: string; /** * If `true`, column headers will not be visible. + * @default false */ "hideColumnHeaders"?: boolean; /** * When set to `true`, the full table will show a loading state, featuring a radial indicator. + * @default false */ "loading": boolean; /** @@ -543,10 +615,12 @@ export namespace Components { "minWidth"?: string; /** * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component. + * @default 1000 */ "minimumLoadingDisplayDuration": number; /** * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored. + * @default { alignment: "right", hideAllFromItemsPerPage: false, hideCurrentPage: false, hideFirstAndLastPageButton: false, hideRangeLabel: false, itemLabel: "Item", itemsPerPageOptions: [ { label: "10", value: "10" }, { label: "25", value: "25" }, { label: "50", value: "50" }, ], monochrome: false, pageLabel: "Page", rangeLabelType: "page", selectedItemsPerPage: 10, selectItemsPerPageOnEnter: true, setToFirstPageOnPaginationChange: false, showGoToPageControl: true, showItemsPerPageControl: true, type: "simple", } */ "paginationBarOptions": IcPaginationBarOptions; /** @@ -555,14 +629,17 @@ export namespace Components { "resetRowHeights": (rowHeight?: number | "auto") => Promise; /** * If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected. + * @default false */ "rowSelection": boolean; /** * If `true`, adds a pagination bar to the bottom of the table. + * @default false */ "showPagination"?: boolean; /** * Sets the order columns will be sorted in and allows for 'default' sorts to be added. + * @default { sortOrders: ["unsorted", "ascending", "descending"], defaultColumn: "", } */ "sortOptions": { sortOrders: IcDataTableSortOrderOptions[]; @@ -570,22 +647,27 @@ export namespace Components { }; /** * If `true`, allows table columns to be sorted using applied sort buttons. + * @default false */ "sortable"?: boolean; /** * If `true`, column headers will remain at the top of the table when scrolling vertically. + * @default false */ "stickyColumnHeaders": boolean; /** * If `true`, row headers will remain to the left when scrolling horizontally. + * @default false */ "stickyRowHeaders": boolean; /** * Sets the layout of the table + * @default "fixed" */ "tableLayout"?: "fixed" | "auto"; /** * 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"?: IcThemeMode1; /** @@ -594,6 +676,7 @@ export namespace Components { "truncationPattern"?: IcDataTableTruncationTypes; /** * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state. + * @default false */ "updating": boolean; /** @@ -625,10 +708,12 @@ export namespace Components { "description"?: string; /** * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden. + * @default "Title Bar" */ "heading"?: string; /** * When `true`, the density select will not be rendered. + * @default false */ "hideDensitySelect"?: boolean; /** @@ -639,38 +724,47 @@ export namespace Components { interface IcDateInput { /** * The format in which the date will be displayed. + * @default this.DEFAULT_DATE_FORMAT */ "dateFormat": IcDateFormat; /** * The days of the week to disable. + * @default [] */ "disableDays": IcWeekDays[]; /** * The text to display as the validation message when `disableDays` is set and a disabled date is entered. + * @default "The date you have selected is on a day of the week that is not allowed. Please select another date." */ "disableDaysMessage": string; /** * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered. + * @default false */ "disableFuture"?: boolean; /** * The text to display as the validation message when `disableFuture` is true and a date in the future is entered. + * @default "Dates in the future are not allowed. Please select a date in the past." */ "disableFutureMessage": string; /** * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered. + * @default false */ "disablePast"?: boolean; /** * The text to display as the validation message when `disablePast` is true and a date in the past is entered. + * @default "Dates in the past are not allowed. Please select a date in the future." */ "disablePastMessage": string; /** * If `true`, the disabled state will be set. + * @default false */ "disabled": boolean; /** * If `true`, every individual input field completed will emit an icChange event. + * @default false */ "emitDatePartChange"?: boolean; /** @@ -684,18 +778,22 @@ export namespace Components { "helperText": string | null; /** * If `true`, the helper text will be visually hidden, but still read out by screenreaders. + * @default false */ "hideHelperText": boolean; /** * If `true`, the label will be visually hidden, but will still be read out by screen readers. + * @default false */ "hideLabel"?: boolean; /** * The ID for the input. + * @default `ic-date-input-${inputIds++}` */ "inputId": string; /** * The text to display as the validation message when an invalid date is entered. + * @default "Please enter a valid date." */ "invalidDateMessage": string; /** @@ -704,88 +802,111 @@ export namespace Components { "label": string; /** * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`. + * @default "" */ "max": string | Date; /** * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`. + * @default "" */ "min": string | Date; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name": string; /** * If `true`, the input will require a value. + * @default false */ "required": boolean; "setCalendarFocus": () => Promise; "setDisableDays": (days: IcWeekDays[]) => Promise; + /** + * @default false + */ "showCalendarButton"?: boolean; /** * If `true`, a button which clears the date input when clicked will be displayed. + * @default true */ "showClearButton"?: boolean; /** * The size of the date input to be displayed. + * @default "medium" */ "size": IcSizes1; /** * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; "triggerIcChange": (d: Date | null) => Promise; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive": IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation. + * @default "" */ "validationStatus": IcInformationStatusOrEmpty; /** * The text to display as the validation message. This will override the built-in date validation. + * @default "" */ "validationText"?: string; /** * The value of the date input. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } interface IcDatePicker { /** * The format in which the date will be displayed. + * @default "DD/MM/YYYY" */ "dateFormat": IcDateFormat; /** * The days of the week to disable. + * @default [] */ "disableDays"?: IcWeekDays[]; /** * The text to display as the validation message when `disableDays` is `true` and a disabled date is entered. + * @default "The date you have selected is on a day of the week that is not allowed. Please select another date." */ "disableDaysMessage"?: string; /** * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered. + * @default false */ "disableFuture"?: boolean; /** * The text to display as the validation message when `disableFuture` is `true` and a date in the future is entered. + * @default "Dates in the future are not allowed. Please select a date in the past." */ "disableFutureMessage"?: string; /** * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered. + * @default false */ "disablePast"?: boolean; /** * The text to display as the validation message when `disablePast` is `true` and a date in the past is entered. + * @default "Dates in the past are not allowed. Please select a date in the future." */ "disablePastMessage"?: string; /** * If `true`, the disabled state will be set. + * @default false */ "disabled": boolean; /** * If `true`, every individual input field completed will emit an icChange event. + * @default false */ "emitDatePartChange"?: boolean; /** @@ -794,10 +915,12 @@ export namespace Components { "helperText"?: string; /** * If `true`, the helper text will be visually hidden, but still read out by screenreaders. + * @default false */ "hideHelperText": boolean; /** * If `true`, the label will be visually hidden, but the required label will still be read out by screen readers. + * @default false */ "hideLabel"?: boolean; /** @@ -806,6 +929,7 @@ export namespace Components { "inputId"?: string; /** * The text to display as the validation message when an invalid date is entered. + * @default "Please enter a valid date." */ "invalidDateMessage"?: string; /** @@ -814,10 +938,12 @@ export namespace Components { "label": string; /** * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`. + * @default "" */ "max": string | Date; /** * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`. + * @default "" */ "min": string | Date; /** @@ -826,60 +952,74 @@ export namespace Components { "name"?: string; /** * The date visible when the calendar opens. Used if no date is currently selected. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "openAtDate": string | Date; /** * If `true`, the input will require a value. + * @default false */ "required"?: boolean; /** * If 'true', the 'X' button on the date input will be visible, which clears the field. + * @default true */ "showClearButton"?: boolean; /** * If `true`, days outside the current month will be visible in the date picker. + * @default true */ "showDaysOutsideMonth"?: boolean; /** * If `true`, the `Clear` button on the date picker will be visible. + * @default true */ "showPickerClearButton"?: boolean; /** * If `true`, the `Go to today` button on the date picker will be visible. + * @default true */ "showPickerTodayButton"?: boolean; /** * The size of the date picker to be displayed. + * @default "medium" */ "size"?: IcSizes1; /** * The first day of the week. `0` for Sunday, `1` for Monday, etc. Default is Monday. + * @default IcWeekDays.Monday */ "startOfWeek": IcWeekDays; /** * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive": IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. This will override the built-in date validation. + * @default "" */ "validationText"?: string; /** * The value of the date picker. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } interface IcDrawer { /** * The area within which the drawer should be contained. When set to "parent", the value of the parent element's `position` CSS property must not be "static". + * @default "viewport" */ "boundary": IcDrawerBoundary; /** @@ -892,10 +1032,12 @@ export namespace Components { "closeButtonAriaLabel"?: string; /** * If `true`, the drawer will close when the backdrop is clicked. + * @default true */ "closeOnBackdropClick": boolean; /** * If `true`, the drawer will display in an expanded state. + * @default false */ "expanded": boolean; /** @@ -904,6 +1046,7 @@ export namespace Components { "heading"?: string; /** * If set to `true`, the X (close) button which is displayed when `trigger` is set to "controlled" will be hidden. + * @default false */ "hideCloseButton": boolean; /** @@ -912,24 +1055,29 @@ export namespace Components { "message"?: string; /** * The position of the drawer. + * @default "right" */ "position": IcPosition; /** * The size of the expanded drawer. + * @default "medium" */ "size": IcSizes1; /** * Sets the drawer to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode1; /** * The method in which the drawer is expanded. + * @default "chevron" */ "trigger": "chevron" | "controlled"; } interface IcEmptyState { /** * The alignment of the empty state container. + * @default "left" */ "aligned"?: IcEmptyStateAlignment; /** @@ -942,6 +1090,7 @@ export namespace Components { "heading"?: string; /** * The size of the image or icon used in the image slot. + * @default "medium" */ "imageSize"?: IcSizes; /** @@ -954,16 +1103,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; /** @@ -972,10 +1124,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; /** @@ -984,62 +1138,83 @@ 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 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"?: IcInformationStatusOrEmpty1; } 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; /** @@ -1048,10 +1223,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; /** @@ -1060,21 +1237,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"?: IcAriaLive1; /** @@ -1083,6 +1267,7 @@ export namespace Components { "for"?: string; /** * If `true`, the input validation will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -1091,12 +1276,14 @@ export namespace Components { "message"?: string; /** * The status of the validation - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "status"?: IcInformationStatusOrEmpty1; } 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; /** @@ -1109,6 +1296,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; /** @@ -1129,16 +1317,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; @@ -1148,18 +1339,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; /** @@ -1168,34 +1363,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; @@ -1221,12 +1428,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. @@ -1237,12 +1448,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 @@ -1250,6 +1471,7 @@ export namespace Components { "setExternalPopperProps": >(props: T) => Promise; /** * The size of the menu. + * @default "medium" */ "size": IcSizes; /** @@ -1258,6 +1480,7 @@ export namespace Components { "value": string | string[]; /** * The custom name for the value field for IcMenuOption. + * @default "value" */ "valueField": string; } @@ -1270,6 +1493,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; /** @@ -1282,6 +1506,7 @@ export namespace Components { "description"?: string; /** * If `true`, the menu item will be in disabled state. + * @default false */ "disabled"?: boolean; /** @@ -1318,19 +1543,31 @@ export namespace Components { "target"?: string; /** * The variant of the menu item. + * @default "default" */ "variant"?: IcMenuItemVariants; } 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; /** @@ -1351,6 +1588,7 @@ export namespace Components { "rel"?: string; /** * If `true`, the navigation item will be set in a selected state. + * @default false */ "selected": boolean; /** @@ -1363,16 +1601,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 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; /** @@ -1381,18 +1622,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; /** @@ -1401,48 +1646,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; /** @@ -1456,44 +1712,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; /** @@ -1505,18 +1771,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; /** @@ -1525,18 +1795,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; /** @@ -1545,20 +1819,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; /** @@ -1567,10 +1845,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; /** @@ -1593,10 +1873,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; @@ -1611,15 +1893,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; /** @@ -1628,6 +1915,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; /** @@ -1640,44 +1928,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": IcAriaLive1; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty1; /** * 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; /** @@ -1698,6 +1996,7 @@ export namespace Components { "name"?: string; /** * If `true`, the radio option will be displayed in a selected state. + * @default false */ "selected"?: boolean; /** @@ -1707,6 +2006,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; /** @@ -1717,58 +2017,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; /** @@ -1777,46 +2091,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; /** @@ -1825,14 +2150,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; /** @@ -1841,38 +2169,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; /** @@ -1881,22 +2217,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; /** @@ -1905,50 +2246,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; /** @@ -1957,14 +2310,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; /** @@ -1973,22 +2329,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": IcAriaLive1; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus": IcInformationStatusOrEmpty1; /** * 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; } @@ -1999,35 +2360,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; /** @@ -2042,18 +2414,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; /** @@ -2066,28 +2442,34 @@ 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 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; /** @@ -2096,6 +2478,7 @@ export namespace Components { "label": string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; /** @@ -2104,24 +2487,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. @@ -2129,19 +2525,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; /** @@ -2155,60 +2557,85 @@ 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 IcTableOfContents { /** * Heading text of the table of contents. + * @default "Contents" */ "heading": string; /** * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of

and

will not appear. + * @default 3 */ "maximumHeadingLevel": number; /** * If `true`, the table of contents will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** * Whether the table of contents will appear on the right of or above child content on large viewport widths. + * @default "right" */ "position": IcPositionTopOrRight; /** * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers. + * @default 50 */ "setScrollHeight": number; /** * The size of the table of contents items. + * @default "medium" */ "size": IcSizes1; /** * 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"?: IcThemeMode1; /** * If `true`, the table of contents item label will be truncated. + * @default true */ "truncate": boolean; } @@ -2219,51 +2646,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; /** @@ -2276,14 +2718,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; /** @@ -2292,39 +2737,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; /** @@ -2333,64 +2787,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": IcInformationStatusOrEmpty1; /** * 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 IcTimeInput { /** * An array of objects with start and end values that will be disabled in the time input. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default [] */ "disableTimes": IcDisableTimeSelection[]; /** * If `true`, the disabled state will be set. + * @default false */ "disabled": boolean; /** * If `true`, every individual input field completed will emit an icTimeChange event. + * @default false */ "emitTimePartChange"?: boolean; /** @@ -2404,18 +2878,22 @@ export namespace Components { "helperText": string | null; /** * If `true`, the helper text will be visually hidden, but still read out by screenreaders. + * @default false */ "hideHelperText": boolean; /** * If `true`, the label will be visually hidden, but will still be read out by screen readers. + * @default false */ "hideLabel"?: boolean; /** * The ID for the input. + * @default `ic-time-input-${inputIds++}` */ "inputId": string; /** * The text to display as the validation message when an invalid time is entered. + * @default "Please enter a valid time." */ "invalidTimeMessage": string; /** @@ -2424,90 +2902,114 @@ export namespace Components { "label": string; /** * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "max": string | Date; /** * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "min": string | Date; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name": string; /** * If `true`, the input will require a value. + * @default false */ "required": boolean; /** * If `true`, the time input will show an AM/PM toggle when in 12-hour time period. + * @default false */ "showAmPmToggle"?: boolean; /** * If `true`, a button which clears the time input when clicked will be displayed. + * @default true */ "showClearButton"?: boolean; + /** + * @default false + */ "showClockButton"?: boolean; /** * The size of the time input to be displayed. + * @default "medium" */ "size": IcSizes1; /** * Sets the time picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The format in which the time will be displayed. + * @default this.DEFAULT_TIME_FORMAT */ "timeFormat": IcTimeFormat; /** * The time period format: "12" for 12-hour, "24" for 24-hour. Defaults to "24". + * @default "24" */ "timePeriod": "12" | "24"; "triggerIcTimeChange": (t: Date | null) => Promise; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive": IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in time validation. + * @default "" */ "validationStatus": IcInformationStatusOrEmpty; /** * The text to display as the validation message. This will override the built-in time validation. + * @default "" */ "validationText"?: string; /** * The value of the time input. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } interface IcTimeSelector { /** * An array of objects with start and end values that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default [] */ "disableTimes": IcDisableTimeSelection[]; /** * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "max": string | Date; /** * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "min": string | Date; /** * The size of the time selector to be displayed. + * @default "medium" */ "size": IcSizes1; /** * 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"?: IcThemeMode1; /** * The time period format: "12" for 12-hour, "24" for 24-hour. Defaults to "24". + * @default "24" */ "timePeriod": "12" | "24"; /** * The value of the time selector. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "value"?: string | Date | null | undefined; } @@ -2518,18 +3020,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; /** @@ -2538,44 +3044,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; /** @@ -2584,49 +3100,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; /** @@ -2637,6 +3164,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; /** @@ -2654,12 +3182,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. @@ -2667,6 +3199,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; } @@ -2677,50 +3210,64 @@ 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 IcTreeItem { /** * If `true`, the tree item appears in the disabled state. + * @default false */ "disabled": boolean; /** * If `true`, the tree item appears in the expanded state. + * @default false */ "expanded": boolean; + /** + * @default false + */ "hasParentExpanded": boolean; /** * The URL that the tree item link points to. If set, the tree item will render as an "a" tag, otherwise it will render as a div. @@ -2728,11 +3275,16 @@ export namespace Components { "href"?: string | undefined; /** * The human language of the linked URL. + * @default "" */ "hreflang"?: string; + /** + * @default false + */ "isParent": boolean; /** * The label of the tree item. + * @default "" */ "label": string; "previousTruncateTreeItem"?: boolean; @@ -2746,12 +3298,16 @@ export namespace Components { "rel"?: string; /** * If `true`, the tree item appears in the selected state. + * @default false */ "selected": boolean; /** * Sets focus on the native `input`. */ "setFocus": () => Promise; + /** + * @default "medium" + */ "size"?: IcSizes1; /** * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe). @@ -2759,6 +3315,7 @@ 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"?: IcThemeMode1; /** @@ -2774,36 +3331,44 @@ export namespace Components { interface IcTreeView { /** * The heading of the tree view. + * @default "" */ "heading": string; /** * The size of the tree view. + * @default "medium" */ "size"?: IcSizes1; /** * 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"?: IcThemeMode1; /** * The content within the tree view tree items. This will take precedence over slotted content. + * @default [] */ "treeItemData": IcTreeItemOptions[]; /** * If `true`, the tree view heading will be truncated instead of text wrapping. When used on small devices, this prop will be overridden and headings will be set to text-wrap. + * @default false */ "truncateHeading": boolean; /** * If `true`, tree items will be truncated, unless they are individually overridden. When used on small devices, this prop will be overridden and tree-items will be set to text-wrap. + * @default false */ "truncateTreeItems": boolean; } 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; /** @@ -2812,6 +3377,7 @@ export namespace Components { "checkMaxLines": (height: number) => Promise; /** * If `true`, the typography will have an italic font style. + * @default false */ "italic"?: boolean; /** @@ -2822,18 +3388,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; } @@ -3893,40 +4463,50 @@ 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 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; /** @@ -3967,6 +4547,7 @@ declare namespace LocalJSX { "label": string; /** * If `true`, the button will display as monochromatic in either `light` or `dark` theme. + * @default false */ "monochrome"?: boolean; /** @@ -3979,6 +4560,7 @@ declare namespace LocalJSX { "rel"?: string; /** * The size of the chip. + * @default "medium" */ "size"?: IcSizes; /** @@ -3987,54 +4569,66 @@ 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 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; /** @@ -4063,6 +4657,7 @@ declare namespace LocalJSX { "formtarget"?: string; /** * If `true`, the button will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -4075,14 +4670,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; /** @@ -4111,6 +4709,7 @@ declare namespace LocalJSX { "selectedFiles"?: FileList; /** * The size of the button to be displayed. + * @default "medium" */ "size"?: IcSizes; /** @@ -4119,56 +4718,69 @@ 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 IcCalendar { /** * The format in which the date will be displayed. + * @default "DD/MM/YYYY" */ "dateFormat"?: IcDateFormat; /** * The days of the week to disable. + * @default [] */ "disableDays"?: IcWeekDays[]; /** * If `true`, dates in the future are not allowed. + * @default false */ "disableFuture"?: boolean; /** * If `true`, dates in the past are not allowed. + * @default false */ "disablePast"?: boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`. + * @default "" */ "max"?: string | Date; /** * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`. + * @default "" */ "min"?: string | Date; /** @@ -4198,52 +4810,64 @@ declare namespace LocalJSX { }>) => void; /** * The date visible when the calendar opens. Used if no date is currently selected. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "openAtDate"?: string | Date; /** * If `true`, the `Clear` button on the calendar will be visible. + * @default true */ "showClearButton"?: boolean; /** * If `true`, days outside the current month will be visible in the calendar. + * @default true */ "showDaysOutsideMonth"?: boolean; /** * If `true`, the `Go to today` button on the calendar will be visible. + * @default true */ "showTodayButton"?: boolean; /** * The size of the calendar to be displayed. + * @default "medium" */ "size"?: IcSizes1; /** * The first day of the week. `0` for Sunday, `1` for Monday, etc. Default is Monday. + * @default IcWeekDays.Monday */ "startOfWeek"?: IcWeekDays; /** * Sets the calendar to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The value of the calendar and the date visible when the calendar opens. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } 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; /** @@ -4256,10 +4880,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; /** @@ -4272,6 +4898,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; /** @@ -4284,10 +4911,12 @@ 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; } @@ -4298,18 +4927,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; /** @@ -4322,18 +4955,22 @@ 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; } @@ -4344,6 +4981,7 @@ declare namespace LocalJSX { "caption": string; /** * Determines whether the column header should be truncated and display a tooltip. Default is `false`. + * @default false */ "columnHeaderTruncation"?: boolean; /** @@ -4356,18 +4994,22 @@ declare namespace LocalJSX { "data"?: IcDataTableDataType[]; /** * Set the density of the table including font and padding. + * @default "default" */ "density"?: IcDataTableDensityOptions; /** * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source. + * @default false */ "disableAutoSort"?: boolean; /** * Applies a border to the table container. + * @default false */ "embedded"?: boolean; /** * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method. + * @default "auto" */ "globalRowHeight"?: IcDataTableRowHeights; /** @@ -4376,10 +5018,12 @@ declare namespace LocalJSX { "height"?: string; /** * If `true`, column headers will not be visible. + * @default false */ "hideColumnHeaders"?: boolean; /** * When set to `true`, the full table will show a loading state, featuring a radial indicator. + * @default false */ "loading"?: boolean; /** @@ -4405,6 +5049,7 @@ declare namespace LocalJSX { "minWidth"?: string; /** * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component. + * @default 1000 */ "minimumLoadingDisplayDuration"?: number; /** @@ -4438,18 +5083,22 @@ declare namespace LocalJSX { "onIcSortChange"?: (event: IcDataTableCustomEvent) => void; /** * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored. + * @default { alignment: "right", hideAllFromItemsPerPage: false, hideCurrentPage: false, hideFirstAndLastPageButton: false, hideRangeLabel: false, itemLabel: "Item", itemsPerPageOptions: [ { label: "10", value: "10" }, { label: "25", value: "25" }, { label: "50", value: "50" }, ], monochrome: false, pageLabel: "Page", rangeLabelType: "page", selectedItemsPerPage: 10, selectItemsPerPageOnEnter: true, setToFirstPageOnPaginationChange: false, showGoToPageControl: true, showItemsPerPageControl: true, type: "simple", } */ "paginationBarOptions"?: IcPaginationBarOptions; /** * If `true`, a checkbox column will be displayed to the left of the table which allows multiple rows to be selected. + * @default false */ "rowSelection"?: boolean; /** * If `true`, adds a pagination bar to the bottom of the table. + * @default false */ "showPagination"?: boolean; /** * Sets the order columns will be sorted in and allows for 'default' sorts to be added. + * @default { sortOrders: ["unsorted", "ascending", "descending"], defaultColumn: "", } */ "sortOptions"?: { sortOrders: IcDataTableSortOrderOptions[]; @@ -4457,22 +5106,27 @@ declare namespace LocalJSX { }; /** * If `true`, allows table columns to be sorted using applied sort buttons. + * @default false */ "sortable"?: boolean; /** * If `true`, column headers will remain at the top of the table when scrolling vertically. + * @default false */ "stickyColumnHeaders"?: boolean; /** * If `true`, row headers will remain to the left when scrolling horizontally. + * @default false */ "stickyRowHeaders"?: boolean; /** * Sets the layout of the table + * @default "fixed" */ "tableLayout"?: "fixed" | "auto"; /** * 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"?: IcThemeMode1; /** @@ -4481,6 +5135,7 @@ declare namespace LocalJSX { "truncationPattern"?: IcDataTableTruncationTypes; /** * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state. + * @default false */ "updating"?: boolean; /** @@ -4512,10 +5167,12 @@ declare namespace LocalJSX { "description"?: string; /** * The heading of the title bar. Can be overridden with the `heading` slot. If used with an `ic-data-table` it will default to the table's `caption` unless overridden. + * @default "Title Bar" */ "heading"?: string; /** * When `true`, the density select will not be rendered. + * @default false */ "hideDensitySelect"?: boolean; /** @@ -4530,38 +5187,47 @@ declare namespace LocalJSX { interface IcDateInput { /** * The format in which the date will be displayed. + * @default this.DEFAULT_DATE_FORMAT */ "dateFormat"?: IcDateFormat; /** * The days of the week to disable. + * @default [] */ "disableDays"?: IcWeekDays[]; /** * The text to display as the validation message when `disableDays` is set and a disabled date is entered. + * @default "The date you have selected is on a day of the week that is not allowed. Please select another date." */ "disableDaysMessage"?: string; /** * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered. + * @default false */ "disableFuture"?: boolean; /** * The text to display as the validation message when `disableFuture` is true and a date in the future is entered. + * @default "Dates in the future are not allowed. Please select a date in the past." */ "disableFutureMessage"?: string; /** * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered. + * @default false */ "disablePast"?: boolean; /** * The text to display as the validation message when `disablePast` is true and a date in the past is entered. + * @default "Dates in the past are not allowed. Please select a date in the future." */ "disablePastMessage"?: string; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * If `true`, every individual input field completed will emit an icChange event. + * @default false */ "emitDatePartChange"?: boolean; /** @@ -4570,18 +5236,22 @@ declare namespace LocalJSX { "helperText"?: string | null; /** * If `true`, the helper text will be visually hidden, but still read out by screenreaders. + * @default false */ "hideHelperText"?: boolean; /** * If `true`, the label will be visually hidden, but will still be read out by screen readers. + * @default false */ "hideLabel"?: boolean; /** * The ID for the input. + * @default `ic-date-input-${inputIds++}` */ "inputId"?: string; /** * The text to display as the validation message when an invalid date is entered. + * @default "Please enter a valid date." */ "invalidDateMessage"?: string; /** @@ -4590,14 +5260,17 @@ declare namespace LocalJSX { "label": string; /** * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`. + * @default "" */ "max"?: string | Date; /** * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`. + * @default "" */ "min"?: string | Date; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; "onCalendarButtonClicked"?: (event: IcDateInputCustomEvent<{ value: Date | null }>) => void; @@ -4623,73 +5296,93 @@ declare namespace LocalJSX { "onIcFocus"?: (event: IcDateInputCustomEvent<{ value: Date | null }>) => void; /** * If `true`, the input will require a value. + * @default false */ "required"?: boolean; + /** + * @default false + */ "showCalendarButton"?: boolean; /** * If `true`, a button which clears the date input when clicked will be displayed. + * @default true */ "showClearButton"?: boolean; /** * The size of the date input to be displayed. + * @default "medium" */ "size"?: IcSizes1; /** * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive"?: IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. This will override the built-in date validation. + * @default "" */ "validationText"?: string; /** * The value of the date input. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } interface IcDatePicker { /** * The format in which the date will be displayed. + * @default "DD/MM/YYYY" */ "dateFormat"?: IcDateFormat; /** * The days of the week to disable. + * @default [] */ "disableDays"?: IcWeekDays[]; /** * The text to display as the validation message when `disableDays` is `true` and a disabled date is entered. + * @default "The date you have selected is on a day of the week that is not allowed. Please select another date." */ "disableDaysMessage"?: string; /** * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered. + * @default false */ "disableFuture"?: boolean; /** * The text to display as the validation message when `disableFuture` is `true` and a date in the future is entered. + * @default "Dates in the future are not allowed. Please select a date in the past." */ "disableFutureMessage"?: string; /** * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered. + * @default false */ "disablePast"?: boolean; /** * The text to display as the validation message when `disablePast` is `true` and a date in the past is entered. + * @default "Dates in the past are not allowed. Please select a date in the future." */ "disablePastMessage"?: string; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * If `true`, every individual input field completed will emit an icChange event. + * @default false */ "emitDatePartChange"?: boolean; /** @@ -4698,10 +5391,12 @@ declare namespace LocalJSX { "helperText"?: string; /** * If `true`, the helper text will be visually hidden, but still read out by screenreaders. + * @default false */ "hideHelperText"?: boolean; /** * If `true`, the label will be visually hidden, but the required label will still be read out by screen readers. + * @default false */ "hideLabel"?: boolean; /** @@ -4710,6 +5405,7 @@ declare namespace LocalJSX { "inputId"?: string; /** * The text to display as the validation message when an invalid date is entered. + * @default "Please enter a valid date." */ "invalidDateMessage"?: string; /** @@ -4718,10 +5414,12 @@ declare namespace LocalJSX { "label": string; /** * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disableFuture` is set to `true`. + * @default "" */ "max"?: string | Date; /** * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. The value of this prop is ignored if `disablePast` is set to `true`. + * @default "" */ "min"?: string | Date; /** @@ -4742,60 +5440,74 @@ declare namespace LocalJSX { }>) => void; /** * The date visible when the calendar opens. Used if no date is currently selected. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "openAtDate"?: string | Date; /** * If `true`, the input will require a value. + * @default false */ "required"?: boolean; /** * If 'true', the 'X' button on the date input will be visible, which clears the field. + * @default true */ "showClearButton"?: boolean; /** * If `true`, days outside the current month will be visible in the date picker. + * @default true */ "showDaysOutsideMonth"?: boolean; /** * If `true`, the `Clear` button on the date picker will be visible. + * @default true */ "showPickerClearButton"?: boolean; /** * If `true`, the `Go to today` button on the date picker will be visible. + * @default true */ "showPickerTodayButton"?: boolean; /** * The size of the date picker to be displayed. + * @default "medium" */ "size"?: IcSizes1; /** * The first day of the week. `0` for Sunday, `1` for Monday, etc. Default is Monday. + * @default IcWeekDays.Monday */ "startOfWeek"?: IcWeekDays; /** * Sets the date picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive"?: IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. This will override the built-in date validation. + * @default "" */ "validationText"?: string; /** * The value of the date picker. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } interface IcDrawer { /** * The area within which the drawer should be contained. When set to "parent", the value of the parent element's `position` CSS property must not be "static". + * @default "viewport" */ "boundary"?: IcDrawerBoundary; /** @@ -4808,10 +5520,12 @@ declare namespace LocalJSX { "closeButtonAriaLabel"?: string; /** * If `true`, the drawer will close when the backdrop is clicked. + * @default true */ "closeOnBackdropClick"?: boolean; /** * If `true`, the drawer will display in an expanded state. + * @default false */ "expanded"?: boolean; /** @@ -4820,6 +5534,7 @@ declare namespace LocalJSX { "heading"?: string; /** * If set to `true`, the X (close) button which is displayed when `trigger` is set to "controlled" will be hidden. + * @default false */ "hideCloseButton"?: boolean; /** @@ -4832,24 +5547,29 @@ declare namespace LocalJSX { "onIcDrawerExpanded"?: (event: IcDrawerCustomEvent) => void; /** * The position of the drawer. + * @default "right" */ "position"?: IcPosition; /** * The size of the expanded drawer. + * @default "medium" */ "size"?: IcSizes1; /** * Sets the drawer to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The method in which the drawer is expanded. + * @default "chevron" */ "trigger"?: "chevron" | "controlled"; } interface IcEmptyState { /** * The alignment of the empty state container. + * @default "left" */ "aligned"?: IcEmptyStateAlignment; /** @@ -4862,6 +5582,7 @@ declare namespace LocalJSX { "heading"?: string; /** * The size of the image or icon used in the image slot. + * @default "medium" */ "imageSize"?: IcSizes; /** @@ -4874,16 +5595,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; /** @@ -4892,10 +5616,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; /** @@ -4904,6 +5630,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; @@ -4911,55 +5638,75 @@ declare namespace LocalJSX { 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"?: IcInformationStatusOrEmpty1; } 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; /** @@ -4968,10 +5715,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; /** @@ -4980,21 +5729,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"?: IcAriaLive1; /** @@ -5003,6 +5759,7 @@ declare namespace LocalJSX { "for"?: string; /** * If `true`, the input validation will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -5011,12 +5768,14 @@ declare namespace LocalJSX { "message"?: string; /** * The status of the validation - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "status"?: IcInformationStatusOrEmpty1; } 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; /** @@ -5029,6 +5788,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; /** @@ -5045,16 +5805,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; @@ -5064,18 +5827,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; /** @@ -5084,34 +5851,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; /** @@ -5124,12 +5903,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. @@ -5152,15 +5935,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; /** @@ -5169,6 +5963,7 @@ declare namespace LocalJSX { "value": string | string[]; /** * The custom name for the value field for IcMenuOption. + * @default "value" */ "valueField"?: string; } @@ -5181,6 +5976,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; /** @@ -5193,6 +5989,7 @@ declare namespace LocalJSX { "description"?: string; /** * If `true`, the menu item will be in disabled state. + * @default false */ "disabled"?: boolean; /** @@ -5238,19 +6035,31 @@ declare namespace LocalJSX { "target"?: string; /** * The variant of the menu item. + * @default "default" */ "variant"?: IcMenuItemVariants; } 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; /** @@ -5273,6 +6082,7 @@ declare namespace LocalJSX { "rel"?: string; /** * If `true`, the navigation item will be set in a selected state. + * @default false */ "selected"?: boolean; /** @@ -5281,16 +6091,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 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; /** @@ -5299,18 +6112,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; /** @@ -5319,48 +6136,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; /** @@ -5373,44 +6201,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; /** @@ -5422,6 +6260,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; /** @@ -5434,14 +6273,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; /** @@ -5450,18 +6292,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; /** @@ -5470,20 +6316,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; @@ -5493,10 +6343,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; /** @@ -5515,6 +6367,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; /** @@ -5523,6 +6376,7 @@ declare namespace LocalJSX { "onIcPopoverClosed"?: (event: IcPopoverMenuCustomEvent) => void; /** * If `true`, the popover menu will be displayed. + * @default undefined */ "open"?: boolean | undefined; "parentLabel"?: string; @@ -5531,15 +6385,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; /** @@ -5548,6 +6407,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; /** @@ -5564,44 +6424,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"?: IcAriaLive1; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty1; /** * 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; /** @@ -5630,10 +6500,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; /** @@ -5644,58 +6516,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; /** @@ -5704,22 +6590,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; /** @@ -5766,38 +6657,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; /** @@ -5806,38 +6706,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; /** @@ -5846,22 +6754,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; /** @@ -5870,22 +6783,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; /** @@ -5930,42 +6848,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; /** @@ -5974,22 +6902,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"?: IcAriaLive1; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty1; /** * 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; } @@ -6000,28 +6933,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. @@ -6029,10 +6971,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; /** @@ -6047,18 +6991,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; /** @@ -6067,28 +7015,34 @@ 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 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; /** @@ -6097,6 +7051,7 @@ declare namespace LocalJSX { "label": string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; /** @@ -6113,45 +7068,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; /** @@ -6164,62 +7138,87 @@ 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 IcTableOfContents { /** * Heading text of the table of contents. + * @default "Contents" */ "heading"?: string; /** * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of

and

will not appear. + * @default 3 */ "maximumHeadingLevel"?: number; /** * If `true`, the table of contents will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** * Whether the table of contents will appear on the right of or above child content on large viewport widths. + * @default "right" */ "position"?: IcPositionTopOrRight; /** * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers. + * @default 50 */ "setScrollHeight"?: number; /** * The size of the table of contents items. + * @default "medium" */ "size"?: IcSizes1; /** * 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"?: IcThemeMode1; /** * If `true`, the table of contents item label will be truncated. + * @default true */ "truncate"?: boolean; } @@ -6230,51 +7229,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; /** @@ -6287,14 +7301,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; /** @@ -6303,18 +7320,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; @@ -6344,67 +7365,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"?: IcInformationStatusOrEmpty1; /** * 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; @@ -6414,20 +7456,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 IcTimeInput { /** * An array of objects with start and end values that will be disabled in the time input. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default [] */ "disableTimes"?: IcDisableTimeSelection[]; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * If `true`, every individual input field completed will emit an icTimeChange event. + * @default false */ "emitTimePartChange"?: boolean; /** @@ -6436,18 +7482,22 @@ declare namespace LocalJSX { "helperText"?: string | null; /** * If `true`, the helper text will be visually hidden, but still read out by screenreaders. + * @default false */ "hideHelperText"?: boolean; /** * If `true`, the label will be visually hidden, but will still be read out by screen readers. + * @default false */ "hideLabel"?: boolean; /** * The ID for the input. + * @default `ic-time-input-${inputIds++}` */ "inputId"?: string; /** * The text to display as the validation message when an invalid time is entered. + * @default "Please enter a valid time." */ "invalidTimeMessage"?: string; /** @@ -6456,14 +7506,17 @@ declare namespace LocalJSX { "label": string; /** * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "max"?: string | Date; /** * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "min"?: string | Date; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; "onClockButtonClicked"?: (event: IcTimeInputCustomEvent<{ value: Date | null }>) => void; @@ -6490,61 +7543,78 @@ declare namespace LocalJSX { }>) => void; /** * If `true`, the input will require a value. + * @default false */ "required"?: boolean; /** * If `true`, the time input will show an AM/PM toggle when in 12-hour time period. + * @default false */ "showAmPmToggle"?: boolean; /** * If `true`, a button which clears the time input when clicked will be displayed. + * @default true */ "showClearButton"?: boolean; + /** + * @default false + */ "showClockButton"?: boolean; /** * The size of the time input to be displayed. + * @default "medium" */ "size"?: IcSizes1; /** * Sets the time picker to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode1; /** * The format in which the time will be displayed. + * @default this.DEFAULT_TIME_FORMAT */ "timeFormat"?: IcTimeFormat; /** * The time period format: "12" for 12-hour, "24" for 24-hour. Defaults to "24". + * @default "24" */ "timePeriod"?: "12" | "24"; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive"?: IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in time validation. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. This will override the built-in time validation. + * @default "" */ "validationText"?: string; /** * The value of the time input. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "value"?: IcDateValueFormat; } interface IcTimeSelector { /** * An array of objects with start and end values that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default [] */ "disableTimes"?: IcDisableTimeSelection[]; /** * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "max"?: string | Date; /** * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "min"?: string | Date; /** @@ -6561,18 +7631,22 @@ declare namespace LocalJSX { }>) => void; /** * The size of the time selector to be displayed. + * @default "medium" */ "size"?: IcSizes1; /** * 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"?: IcThemeMode1; /** * The time period format: "12" for 12-hour, "24" for 24-hour. Defaults to "24". + * @default "24" */ "timePeriod"?: "12" | "24"; /** * The value of the time selector. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object. + * @default "" */ "value"?: string | Date | null | undefined; } @@ -6583,18 +7657,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; /** @@ -6603,10 +7681,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; /** @@ -6617,36 +7697,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; /** @@ -6655,10 +7743,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; /** @@ -6667,44 +7757,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; /** @@ -6725,8 +7825,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. @@ -6734,6 +7838,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; } @@ -6744,22 +7849,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; @@ -6770,30 +7880,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 IcTreeItem { /** * If `true`, the tree item appears in the disabled state. + * @default false */ "disabled"?: boolean; /** * If `true`, the tree item appears in the expanded state. + * @default false */ "expanded"?: boolean; + /** + * @default false + */ "hasParentExpanded"?: boolean; /** * The URL that the tree item link points to. If set, the tree item will render as an "a" tag, otherwise it will render as a div. @@ -6801,11 +7920,16 @@ declare namespace LocalJSX { "href"?: string | undefined; /** * The human language of the linked URL. + * @default "" */ "hreflang"?: string; + /** + * @default false + */ "isParent"?: boolean; /** * The label of the tree item. + * @default "" */ "label"?: string; /** @@ -6830,8 +7954,12 @@ declare namespace LocalJSX { "rel"?: string; /** * If `true`, the tree item appears in the selected state. + * @default false */ "selected"?: boolean; + /** + * @default "medium" + */ "size"?: IcSizes1; /** * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe). @@ -6839,6 +7967,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"?: IcThemeMode1; /** @@ -6853,40 +7982,49 @@ declare namespace LocalJSX { interface IcTreeView { /** * The heading of the tree view. + * @default "" */ "heading"?: string; /** * The size of the tree view. + * @default "medium" */ "size"?: IcSizes1; /** * 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"?: IcThemeMode1; /** * The content within the tree view tree items. This will take precedence over slotted content. + * @default [] */ "treeItemData"?: IcTreeItemOptions[]; /** * If `true`, the tree view heading will be truncated instead of text wrapping. When used on small devices, this prop will be overridden and headings will be set to text-wrap. + * @default false */ "truncateHeading"?: boolean; /** * If `true`, tree items will be truncated, unless they are individually overridden. When used on small devices, this prop will be overridden and tree-items will be set to text-wrap. + * @default false */ "truncateTreeItems"?: boolean; } 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; /** @@ -6899,134 +8037,888 @@ 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 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 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 IcCalendarAttributes { + "dateFormat": IcDateFormat; + "disabled": boolean; + "disableFuture": boolean; + "disablePast": boolean; + "max": string | Date; + "min": string | Date; + "openAtDate": string | Date; + "showClearButton": boolean; + "showDaysOutsideMonth": boolean; + "showTodayButton": boolean; + "size": IcSizes; + "startOfWeek": IcWeekDays; + "theme": IcThemeMode; + "value": IcDateValueFormat; + } + 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 IcChipAttributes { + "customColor": IcColor; + "disabled": boolean; + "dismissible": boolean; + "dismissLabel": string; + "fullWidth": boolean; + "label": string; + "size": IcSizes; + "theme": IcThemeMode; + "transparentBackground": boolean; + "variant": IcEmphasisType; + } + interface IcDataTableAttributes { + "caption": string; + "columnHeaderTruncation": boolean; + "disableAutoSort": boolean; + "density": IcDataTableDensityOptions; + "embedded": boolean; + "globalRowHeight": string; + "height": string; + "hideColumnHeaders": boolean; + "loading": boolean; + "maxWidth": string; + "minWidth": string; + "minimumLoadingDisplayDuration": number; + "rowSelection": boolean; + "showPagination": boolean; + "sortable": boolean; + "stickyColumnHeaders": boolean; + "stickyRowHeaders": boolean; + "tableLayout": "fixed" | "auto"; + "theme": IcThemeMode; + "truncationPattern": IcDataTableTruncationTypes; + "updating": boolean; + "width": string; + } + interface IcDataTableTitleBarAttributes { + "description": string; + "heading": string; + "hideDensitySelect": boolean; + "metadata": string; + } + interface IcDateInputAttributes { + "dateFormat": IcDateFormat; + "emitDatePartChange": boolean; + "disabled": boolean; + "disableDaysMessage": string; + "disableFuture": boolean; + "disableFutureMessage": string; + "disablePast": boolean; + "disablePastMessage": string; + "helperText": string | null; + "hideHelperText": boolean; + "hideLabel": boolean; + "inputId": string; + "invalidDateMessage": string; + "label": string; + "max": string | Date; + "min": string | Date; + "name": string; + "required": boolean; + "showCalendarButton": boolean; + "showClearButton": boolean; + "size": IcSizes; + "theme": IcThemeMode; + "value": IcDateValueFormat; + "validationAriaLive": IcAriaLive; + "validationStatus": IcInformationStatusOrEmpty; + "validationText": string; + } + interface IcDatePickerAttributes { + "dateFormat": IcDateFormat; + "disabled": boolean; + "disableDaysMessage": string; + "disableFuture": boolean; + "disableFutureMessage": string; + "disablePast": boolean; + "disablePastMessage": string; + "emitDatePartChange": boolean; + "helperText": string; + "hideHelperText": boolean; + "hideLabel": boolean; + "inputId": string; + "invalidDateMessage": string; + "label": string; + "max": string | Date; + "min": string | Date; + "name": string; + "openAtDate": string | Date; + "required": boolean; + "showDaysOutsideMonth": boolean; + "showClearButton": boolean; + "showPickerClearButton": boolean; + "showPickerTodayButton": boolean; + "size": IcSizes; + "startOfWeek": IcWeekDays; + "theme": IcThemeMode; + "validationAriaLive": IcAriaLive; + "validationStatus": IcInformationStatusOrEmpty; + "validationText": string; + "value": IcDateValueFormat; + } + interface IcDrawerAttributes { + "boundary": IcDrawerBoundary; + "chevronButtonAriaLabel": string; + "closeButtonAriaLabel": string; + "closeOnBackdropClick": boolean; + "expanded": boolean; + "heading": string; + "message": string; + "position": IcPosition; + "hideCloseButton": boolean; + "size": IcSizes; + "theme": IcThemeMode; + "trigger": "chevron" | "controlled"; + } + 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 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 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 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 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 IcSkipLinkAttributes { + "fullWidth": boolean; + "inline": boolean; + "label": string; + "monochrome": boolean; + "target": string; + "theme": IcThemeMode; + "transparentBackground": boolean; + } + 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 IcTableOfContentsAttributes { + "heading": string; + "maximumHeadingLevel": number; + "monochrome": boolean; + "position": IcPositionTopOrRight; + "setScrollHeight": number; + "size": IcSizes; + "theme": IcThemeMode; + "truncate": boolean; + } + 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 IcTimeInputAttributes { + "disabled": boolean; + "emitTimePartChange": boolean; + "helperText": string | null; + "hideHelperText": boolean; + "hideLabel": boolean; + "inputId": string; + "invalidTimeMessage": string; + "label": string; + "max": string | Date; + "min": string | Date; + "name": string; + "required": boolean; + "showAmPmToggle": boolean; + "showClearButton": boolean; + "showClockButton": boolean; + "size": IcSizes; + "theme": IcThemeMode; + "timeFormat": IcTimeFormat; + "timePeriod": "12" | "24"; + "value": IcDateValueFormat; + "validationAriaLive": IcAriaLive; + "validationStatus": IcInformationStatusOrEmpty; + "validationText": string; + } + interface IcTimeSelectorAttributes { + "min": string | Date; + "max": string | Date; + "size": IcSizes; + "theme": IcThemeMode; + "timePeriod": "12" | "24"; + "value": string | Date | null | undefined; + } + 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 IcTreeItemAttributes { + "disabled": boolean; + "expanded": boolean; + "hasParentExpanded": boolean; + "href": string | undefined; + "hreflang": string; + "isParent": boolean; + "label": string; + "previousTruncateTreeItem": boolean; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "selected": boolean; + "size": IcSizes; + "target": string; + "treeItemId": string; + "theme": IcThemeMode; + "truncateTreeItem": boolean; + } + interface IcTreeViewAttributes { + "heading": string; + "size": IcSizes; + "theme": IcThemeMode; + "truncateHeading": boolean; + "truncateTreeItems": boolean; + } + interface IcTypographyAttributes { + "applyVerticalMargins": boolean; + "bold": boolean; + "italic": boolean; + "maxLines": number; + "strikethrough": boolean; + "theme": IcThemeMode; + "underline": boolean; + "variant": IcTypographyVariants; + } + interface IntrinsicElements { - "ic-accordion": IcAccordion; - "ic-action-chip": IcActionChip; - "ic-button": IcButton; - "ic-calendar": IcCalendar; - "ic-checkbox": IcCheckbox; - "ic-chip": IcChip; - "ic-data-table": IcDataTable; - "ic-data-table-title-bar": IcDataTableTitleBar; - "ic-date-input": IcDateInput; - "ic-date-picker": IcDatePicker; - "ic-drawer": IcDrawer; - "ic-empty-state": IcEmptyState; - "ic-footer": IcFooter; - "ic-horizontal-scroll": IcHorizontalScroll; - "ic-input-component-container": IcInputComponentContainer; - "ic-input-container": IcInputContainer; - "ic-input-label": IcInputLabel; - "ic-input-validation": IcInputValidation; - "ic-link": IcLink; - "ic-loading-indicator": IcLoadingIndicator; - "ic-menu": IcMenu; - "ic-menu-group": IcMenuGroup; - "ic-menu-item": IcMenuItem; - "ic-navigation-item": IcNavigationItem; - "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-skip-link": IcSkipLink; - "ic-switch": IcSwitch; - "ic-tab": IcTab; - "ic-tab-context": IcTabContext; - "ic-tab-group": IcTabGroup; - "ic-tab-panel": IcTabPanel; - "ic-table-of-contents": IcTableOfContents; - "ic-text-field": IcTextField; - "ic-theme": IcTheme; - "ic-time-input": IcTimeInput; - "ic-time-selector": IcTimeSelector; - "ic-toggle-button": IcToggleButton; - "ic-toggle-button-group": IcToggleButtonGroup; - "ic-tooltip": IcTooltip; - "ic-top-navigation": IcTopNavigation; - "ic-tree-item": IcTreeItem; - "ic-tree-view": IcTreeView; - "ic-typography": IcTypography; + "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-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-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-calendar": Omit & { [K in keyof IcCalendar & keyof IcCalendarAttributes]?: IcCalendar[K] } & { [K in keyof IcCalendar & keyof IcCalendarAttributes as `attr:${K}`]?: IcCalendarAttributes[K] } & { [K in keyof IcCalendar & keyof IcCalendarAttributes as `prop:${K}`]?: IcCalendar[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-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-data-table": Omit & { [K in keyof IcDataTable & keyof IcDataTableAttributes]?: IcDataTable[K] } & { [K in keyof IcDataTable & keyof IcDataTableAttributes as `attr:${K}`]?: IcDataTableAttributes[K] } & { [K in keyof IcDataTable & keyof IcDataTableAttributes as `prop:${K}`]?: IcDataTable[K] } & OneOf<"caption", IcDataTable["caption"], IcDataTableAttributes["caption"]>; + "ic-data-table-title-bar": Omit & { [K in keyof IcDataTableTitleBar & keyof IcDataTableTitleBarAttributes]?: IcDataTableTitleBar[K] } & { [K in keyof IcDataTableTitleBar & keyof IcDataTableTitleBarAttributes as `attr:${K}`]?: IcDataTableTitleBarAttributes[K] } & { [K in keyof IcDataTableTitleBar & keyof IcDataTableTitleBarAttributes as `prop:${K}`]?: IcDataTableTitleBar[K] }; + "ic-date-input": Omit & { [K in keyof IcDateInput & keyof IcDateInputAttributes]?: IcDateInput[K] } & { [K in keyof IcDateInput & keyof IcDateInputAttributes as `attr:${K}`]?: IcDateInputAttributes[K] } & { [K in keyof IcDateInput & keyof IcDateInputAttributes as `prop:${K}`]?: IcDateInput[K] } & OneOf<"label", IcDateInput["label"], IcDateInputAttributes["label"]>; + "ic-date-picker": Omit & { [K in keyof IcDatePicker & keyof IcDatePickerAttributes]?: IcDatePicker[K] } & { [K in keyof IcDatePicker & keyof IcDatePickerAttributes as `attr:${K}`]?: IcDatePickerAttributes[K] } & { [K in keyof IcDatePicker & keyof IcDatePickerAttributes as `prop:${K}`]?: IcDatePicker[K] } & OneOf<"label", IcDatePicker["label"], IcDatePickerAttributes["label"]>; + "ic-drawer": Omit & { [K in keyof IcDrawer & keyof IcDrawerAttributes]?: IcDrawer[K] } & { [K in keyof IcDrawer & keyof IcDrawerAttributes as `attr:${K}`]?: IcDrawerAttributes[K] } & { [K in keyof IcDrawer & keyof IcDrawerAttributes as `prop:${K}`]?: IcDrawer[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-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-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-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-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-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-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-table-of-contents": Omit & { [K in keyof IcTableOfContents & keyof IcTableOfContentsAttributes]?: IcTableOfContents[K] } & { [K in keyof IcTableOfContents & keyof IcTableOfContentsAttributes as `attr:${K}`]?: IcTableOfContentsAttributes[K] } & { [K in keyof IcTableOfContents & keyof IcTableOfContentsAttributes as `prop:${K}`]?: IcTableOfContents[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-time-input": Omit & { [K in keyof IcTimeInput & keyof IcTimeInputAttributes]?: IcTimeInput[K] } & { [K in keyof IcTimeInput & keyof IcTimeInputAttributes as `attr:${K}`]?: IcTimeInputAttributes[K] } & { [K in keyof IcTimeInput & keyof IcTimeInputAttributes as `prop:${K}`]?: IcTimeInput[K] } & OneOf<"label", IcTimeInput["label"], IcTimeInputAttributes["label"]>; + "ic-time-selector": Omit & { [K in keyof IcTimeSelector & keyof IcTimeSelectorAttributes]?: IcTimeSelector[K] } & { [K in keyof IcTimeSelector & keyof IcTimeSelectorAttributes as `attr:${K}`]?: IcTimeSelectorAttributes[K] } & { [K in keyof IcTimeSelector & keyof IcTimeSelectorAttributes as `prop:${K}`]?: IcTimeSelector[K] }; + "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-tree-item": Omit & { [K in keyof IcTreeItem & keyof IcTreeItemAttributes]?: IcTreeItem[K] } & { [K in keyof IcTreeItem & keyof IcTreeItemAttributes as `attr:${K}`]?: IcTreeItemAttributes[K] } & { [K in keyof IcTreeItem & keyof IcTreeItemAttributes as `prop:${K}`]?: IcTreeItem[K] }; + "ic-tree-view": Omit & { [K in keyof IcTreeView & keyof IcTreeViewAttributes]?: IcTreeView[K] } & { [K in keyof IcTreeView & keyof IcTreeViewAttributes as `attr:${K}`]?: IcTreeViewAttributes[K] } & { [K in keyof IcTreeView & keyof IcTreeViewAttributes as `prop:${K}`]?: IcTreeView[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-action-chip": LocalJSX.IcActionChip & JSXBase.HTMLAttributes; - "ic-button": LocalJSX.IcButton & JSXBase.HTMLAttributes; - "ic-calendar": LocalJSX.IcCalendar & JSXBase.HTMLAttributes; - "ic-checkbox": LocalJSX.IcCheckbox & JSXBase.HTMLAttributes; - "ic-chip": LocalJSX.IcChip & JSXBase.HTMLAttributes; - "ic-data-table": LocalJSX.IcDataTable & JSXBase.HTMLAttributes; - "ic-data-table-title-bar": LocalJSX.IcDataTableTitleBar & JSXBase.HTMLAttributes; - "ic-date-input": LocalJSX.IcDateInput & JSXBase.HTMLAttributes; - "ic-date-picker": LocalJSX.IcDatePicker & JSXBase.HTMLAttributes; - "ic-drawer": LocalJSX.IcDrawer & JSXBase.HTMLAttributes; - "ic-empty-state": LocalJSX.IcEmptyState & JSXBase.HTMLAttributes; - "ic-footer": LocalJSX.IcFooter & 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-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-item": LocalJSX.IcNavigationItem & 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-skip-link": LocalJSX.IcSkipLink & 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-table-of-contents": LocalJSX.IcTableOfContents & JSXBase.HTMLAttributes; - "ic-text-field": LocalJSX.IcTextField & JSXBase.HTMLAttributes; - "ic-theme": LocalJSX.IcTheme & JSXBase.HTMLAttributes; - "ic-time-input": LocalJSX.IcTimeInput & JSXBase.HTMLAttributes; - "ic-time-selector": LocalJSX.IcTimeSelector & 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-tree-item": LocalJSX.IcTreeItem & JSXBase.HTMLAttributes; - "ic-tree-view": LocalJSX.IcTreeView & JSXBase.HTMLAttributes; - "ic-typography": LocalJSX.IcTypography & JSXBase.HTMLAttributes; + "ic-accordion": LocalJSX.IntrinsicElements["ic-accordion"] & JSXBase.HTMLAttributes; + "ic-action-chip": LocalJSX.IntrinsicElements["ic-action-chip"] & JSXBase.HTMLAttributes; + "ic-button": LocalJSX.IntrinsicElements["ic-button"] & JSXBase.HTMLAttributes; + "ic-calendar": LocalJSX.IntrinsicElements["ic-calendar"] & JSXBase.HTMLAttributes; + "ic-checkbox": LocalJSX.IntrinsicElements["ic-checkbox"] & JSXBase.HTMLAttributes; + "ic-chip": LocalJSX.IntrinsicElements["ic-chip"] & JSXBase.HTMLAttributes; + "ic-data-table": LocalJSX.IntrinsicElements["ic-data-table"] & JSXBase.HTMLAttributes; + "ic-data-table-title-bar": LocalJSX.IntrinsicElements["ic-data-table-title-bar"] & JSXBase.HTMLAttributes; + "ic-date-input": LocalJSX.IntrinsicElements["ic-date-input"] & JSXBase.HTMLAttributes; + "ic-date-picker": LocalJSX.IntrinsicElements["ic-date-picker"] & JSXBase.HTMLAttributes; + "ic-drawer": LocalJSX.IntrinsicElements["ic-drawer"] & JSXBase.HTMLAttributes; + "ic-empty-state": LocalJSX.IntrinsicElements["ic-empty-state"] & JSXBase.HTMLAttributes; + "ic-footer": LocalJSX.IntrinsicElements["ic-footer"] & 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-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-item": LocalJSX.IntrinsicElements["ic-navigation-item"] & 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-skip-link": LocalJSX.IntrinsicElements["ic-skip-link"] & 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-table-of-contents": LocalJSX.IntrinsicElements["ic-table-of-contents"] & JSXBase.HTMLAttributes; + "ic-text-field": LocalJSX.IntrinsicElements["ic-text-field"] & JSXBase.HTMLAttributes; + "ic-theme": LocalJSX.IntrinsicElements["ic-theme"] & JSXBase.HTMLAttributes; + "ic-time-input": LocalJSX.IntrinsicElements["ic-time-input"] & JSXBase.HTMLAttributes; + "ic-time-selector": LocalJSX.IntrinsicElements["ic-time-selector"] & 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-tree-item": LocalJSX.IntrinsicElements["ic-tree-item"] & JSXBase.HTMLAttributes; + "ic-tree-view": LocalJSX.IntrinsicElements["ic-tree-view"] & JSXBase.HTMLAttributes; + "ic-typography": LocalJSX.IntrinsicElements["ic-typography"] & JSXBase.HTMLAttributes; } } } diff --git a/packages/canary-web-components/src/components/ic-calendar/test/basic/__snapshots__/ic-calendar.spec.ts.snap b/packages/canary-web-components/src/components/ic-calendar/test/basic/__snapshots__/ic-calendar.spec.ts.snap index 2d8e7c87361..13911f2cbc0 100644 --- a/packages/canary-web-components/src/components/ic-calendar/test/basic/__snapshots__/ic-calendar.spec.ts.snap +++ b/packages/canary-web-components/src/components/ic-calendar/test/basic/__snapshots__/ic-calendar.spec.ts.snap @@ -1,19 +1,19 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`ic-calendar expected behaviour should test change of startOfWeek 1`] = ` - -