diff --git a/.github/workflows/update-doc.yml b/.github/workflows/update-doc.yml index f25ee56380a..fba1bba7000 100644 --- a/.github/workflows/update-doc.yml +++ b/.github/workflows/update-doc.yml @@ -14,6 +14,8 @@ jobs: - name: generate doc run: | npm install + npm --workspace=@esri/calcite-design-tokens run build + npm --workspace=@esri/eslint-plugin-calcite-components run build npx --workspace=@esri/calcite-components stencil build --docs npm run --workspace=@esri/calcite-components lint:md - name: commit readme files/create pull request diff --git a/.markdownlintrc b/.markdownlintrc index c75a3ecaeb9..a0cc6bb623d 100644 --- a/.markdownlintrc +++ b/.markdownlintrc @@ -7,7 +7,7 @@ "code-fence-style": { "style": "backtick" }, "heading-style": { "style": "atx" }, "no-duplicate-heading": { "siblings_only": true }, - "emphasis-style": { "style": "underscore" }, - "strong-style": { "style": "underscore" }, + "emphasis-style": { "style": "asterisk" }, + "strong-style": { "style": "asterisk" }, "ul-style": { "style": "dash" } } diff --git a/documentation/monorepo.md b/documentation/monorepo.md index ec8139ef7ea..cc9b107cd6a 100644 --- a/documentation/monorepo.md +++ b/documentation/monorepo.md @@ -80,7 +80,7 @@ Make the following changes and submit a PR: 1. In [`release-please-config.json`](https://github.com/Esri/calcite-design-system/blob/main/release-please-config.json) under the `packages` field, add the new package's path as well as any package-specific configurations. The only required field is the package's name, taken from the `name` field in its `package.json`. 1. If the new package needs to be linked to Calcite Component's version, add its name to the `LINKED_VERSIONS_TRACKING_PACKAGES` array in [`support/syncLinkedPackageVersions.ts`](https://github.com/Esri/calcite-design-system/blob/main/support/syncLinkedPackageVersions.ts). 1. Potentially rename the new package's NPM scripts so they match the pipeline names in `turbo.json` (build, test, clean, etc.). Note: having all of the NPM scripts that are specified in `turbo.json` is not required. -1. If present and when possible, the `test` NPM script should _not_ build first. Turbo will make sure the `build` script runs first and will cache the results. +1. If present and when possible, the `test` NPM script should *not* build first. Turbo will make sure the `build` script runs first and will cache the results. 1. Potentially rename directories for consistency with the other packages: - `src/` - source code @@ -147,7 +147,7 @@ The release CI consists of three GitHub Actions and three scripts. `next` releases happen in the `deploy-next.yml` GitHub Action, which runs on pushes to `main`. The Action runs the `isNextDeployable.ts` script to determine whether any fixes, feats, or breaking changes were installed since the most recent [git tag](#git-tags) (aka release). If there are deployable changes, Lerna versions the relevant packages and generates the new changelog entries. -The `syncLinkedPackageVersions.ts` executes after Lerna versions the packages. The script makes sure CCR's (and potentially other packages in the future) semver version isn't greater or less than CC's version. CCR's version is bumped to CC's version if it is behind. If CCR's version is greater, `next` releases __for all packages__ will be blocked until CC's version catches up. +The `syncLinkedPackageVersions.ts` executes after Lerna versions the packages. The script makes sure CCR's (and potentially other packages in the future) semver version isn't greater or less than CC's version. CCR's version is bumped to CC's version if it is behind. If CCR's version is greater, `next` releases **for all packages** will be blocked until CC's version catches up. After versioning, a commit is created, which is tagged for each released package. [Lerna publishes to NPM in topological order](https://github.com/lerna/lerna/tree/main/libs/commands/publish#lifecycle-scripts), which ensures local dependencies are published before the packages that depend on them. Lastly, the commit and tags are pushed to `main`. diff --git a/documentation/releasing.md b/documentation/releasing.md index 92d86f05c82..c99dcb21de9 100644 --- a/documentation/releasing.md +++ b/documentation/releasing.md @@ -25,7 +25,7 @@ The `latest` release process is mostly automated, but a few manual steps are req 2. Make sure all of the workflows for the [most recent commit on `main`](https://github.com/Esri/calcite-design-system/commits/main) are completed. 1. If time is short, you can cancel the `Build` workflow, which releases `next` and deploys storybook. We just want to make sure it doesn't deploy the `next` version after `latest` is released. If the most recent commit is a next release (titled `chore: release next`) then you can definitely cancel the `Build` workflow since it will be intentionally cancelled by the CI anyway. 3. Review the PR created by `release-please` (titled `chore: release main`) to make sure the changelog(s) and package versioning looks correct. - 1. There should be a commit on the PR's branch named `docs: remove prerelease changelog entries` that occurred __after__ the most recent commit on `main`. + 1. There should be a commit on the PR's branch named `docs: remove prerelease changelog entries` that occurred **after** the most recent commit on `main`. 4. Add the `skip visual snapshots` label. 5. Make sure the rest of the PR checks are passing. 6. Approve and install the PR once all checks are passing. You will need to use Admin privilege to override the 6 approval rule [added above](#prevent-merging-pull-requests). @@ -67,7 +67,7 @@ npm run publish:next npm run util:push-tags ``` -__IMPORTANT:__ If you need to change anything after running `version:next` (e.g., a changelog entry), make sure to amend the previous commit and recreate all of the tags using the new SHA (or `HEAD`) before continuing. For example: +**IMPORTANT:** If you need to change anything after running `version:next` (e.g., a changelog entry), make sure to amend the previous commit and recreate all of the tags using the new SHA (or `HEAD`) before continuing. For example: ```sh # manual changelog entry updates were required after versioning... diff --git a/package.json b/package.json index ba51b5b5f5b..3433fd2b4d9 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,10 @@ "scripts": { "build": "turbo run build --log-order=stream", "clean": "turbo run clean --log-order=stream && rimraf node_modules", - "lint": "turbo run lint --log-order=stream", + "lint": "concurrently \"npm:lint:*\" \"turbo run lint --log-order=stream\"", + "lint:md": "prettier --write \"**/*.md\" >/dev/null && markdownlint \"{,documentation}/*.md\" --fix --dot --ignore-path .gitignore", + "lint:yml": "prettier --write \".github/**/*.yml\" >/dev/null", + "lint:json": "prettier --write \"*.json\" >/dev/null", "publish:next": "lerna publish from-package --dist-tag next --yes", "publish:rc": "lerna publish from-package --dist-tag rc --yes", "publish:latest": "lerna publish from-package --yes", diff --git a/packages/calcite-components-angular/package.json b/packages/calcite-components-angular/package.json index e70fd5a36bc..b7195085587 100644 --- a/packages/calcite-components-angular/package.json +++ b/packages/calcite-components-angular/package.json @@ -5,7 +5,10 @@ "ng": "ng", "prepublishOnly": "./support/prepublishBuildForCorrectVersion.sh", "build": "ng build", - "clean": "rimraf dist node_modules .turbo .angular projects/component-library/dist" + "clean": "rimraf dist node_modules .turbo .angular projects/component-library/dist", + "lint": "concurrently npm:lint:*", + "lint:json": "prettier --write \"**/*.json\" >/dev/null", + "lint:md": "prettier --write \"**/*.md\" >/dev/null && markdownlint \"**/*.md\" --fix --dot --ignore-path .gitignore --ignore-path ../../.gitignore" }, "dependencies": { "@angular/animations": "17.0.8", diff --git a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md index 169b3c085f6..6b1cc16b719 100644 --- a/packages/calcite-components-angular/projects/component-library/CHANGELOG.md +++ b/packages/calcite-components-angular/projects/component-library/CHANGELOG.md @@ -51,7 +51,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-angular:__ Synchronize undefined versions +- **@esri/calcite-components-angular:** Synchronize undefined versions ### Dependencies @@ -63,11 +63,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### ⚠ BREAKING CHANGES -- __deps:__ We are treating the `@stencil/core@v4` bump as a precautionary measure, particularly due to its potential impact on projects using `calcite-components` and Stencil. +- **deps:** We are treating the `@stencil/core@v4` bump as a precautionary measure, particularly due to its potential impact on projects using `calcite-components` and Stencil. ### Build System -- __deps:__ Bump Stencil to v4 ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) +- **deps:** Bump Stencil to v4 ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) ### Dependencies @@ -79,7 +79,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Bug Fixes -- __angular:__ Publish from the dist directory ([#8151](https://github.com/Esri/calcite-design-system/issues/8151)) ([d813f14](https://github.com/Esri/calcite-design-system/commit/d813f14c3c2fc7b765ccf27166f31201d91f2ac5)) +- **angular:** Publish from the dist directory ([#8151](https://github.com/Esri/calcite-design-system/issues/8151)) ([d813f14](https://github.com/Esri/calcite-design-system/commit/d813f14c3c2fc7b765ccf27166f31201d91f2ac5)) ### Dependencies diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md index 0d6390f557c..c4062c2d91c 100644 --- a/packages/calcite-components-react/CHANGELOG.md +++ b/packages/calcite-components-react/CHANGELOG.md @@ -51,7 +51,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies @@ -63,16 +63,16 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### ⚠ BREAKING CHANGES -- __react:__ Disabled `includeImportCustomElements`. Make sure to import components from `@esri/calcite-components` in addition to the React wrappers. For example, the first code snippet in [#7185](https://github.com/Esri/calcite-design-system/issues/7185) is now required, or else the custom elements will not be defined in the browser. -- __deps:__ We are treating the `@stencil/core@v4` bump as a precautionary measure, particularly due to its potential impact on projects using `calcite-components` and Stencil. +- **react:** Disabled `includeImportCustomElements`. Make sure to import components from `@esri/calcite-components` in addition to the React wrappers. For example, the first code snippet in [#7185](https://github.com/Esri/calcite-design-system/issues/7185) is now required, or else the custom elements will not be defined in the browser. +- **deps:** We are treating the `@stencil/core@v4` bump as a precautionary measure, particularly due to its potential impact on projects using `calcite-components` and Stencil. ### Bug Fixes -- __react:__ Disable includeImportCustomElements to resolve initial render issues ([#8248](https://github.com/Esri/calcite-design-system/issues/8248)) ([0948c1a](https://github.com/Esri/calcite-design-system/commit/0948c1a187d91606ea58f59b36c680285c6001a1)) +- **react:** Disable includeImportCustomElements to resolve initial render issues ([#8248](https://github.com/Esri/calcite-design-system/issues/8248)) ([0948c1a](https://github.com/Esri/calcite-design-system/commit/0948c1a187d91606ea58f59b36c680285c6001a1)) ### Build System -- __deps:__ Bump Stencil to v4 ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) +- **deps:** Bump Stencil to v4 ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) ### Dependencies @@ -92,7 +92,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies @@ -104,7 +104,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies @@ -116,7 +116,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies @@ -128,7 +128,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies @@ -164,7 +164,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies @@ -188,7 +188,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies @@ -212,7 +212,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Miscellaneous Chores -- __@esri/calcite-components-react:__ Synchronize undefined versions +- **@esri/calcite-components-react:** Synchronize undefined versions ### Dependencies diff --git a/packages/calcite-components-react/README.md b/packages/calcite-components-react/README.md index 261d243a10b..10579da7263 100644 --- a/packages/calcite-components-react/README.md +++ b/packages/calcite-components-react/README.md @@ -91,7 +91,7 @@ useEffect( (_) => { sliderEl.current.addEventListener("calciteSliderUpdate", onUpdate); }, - [sliderEl] + [sliderEl], ); ``` diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json index 274de0898b3..d0bb7d549e1 100644 --- a/packages/calcite-components-react/package.json +++ b/packages/calcite-components-react/package.json @@ -10,6 +10,9 @@ "prebuild": "npm run patch:jsx-import", "clean": "rimraf dist node_modules .turbo", "compile": "npm run tsc", + "lint": "concurrently npm:lint:*", + "lint:json": "prettier --write \"**/*.json\" >/dev/null", + "lint:md": "prettier --write \"**/*.md\" >/dev/null && markdownlint \"**/*.md\" --fix --dot --ignore-path ../../.gitignore", "patch:jsx-import": "tsx support/patchJSXImport.ts", "tsc": "tsc" }, diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md index 69dc98ca171..731282fb29f 100644 --- a/packages/calcite-components/CHANGELOG.md +++ b/packages/calcite-components/CHANGELOG.md @@ -7,54 +7,54 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Features -- __list-item:__ Add dragSelected property and calciteListItemDragHandleChange event ([#8524](https://github.com/Esri/calcite-design-system/issues/8524)) ([4db2eb7](https://github.com/Esri/calcite-design-system/commit/4db2eb7a33efb7ec8075596f1439760264ed75fb)), closes [#8523](https://github.com/Esri/calcite-design-system/issues/8523) [#8484](https://github.com/Esri/calcite-design-system/issues/8484) +- **list-item:** Add dragSelected property and calciteListItemDragHandleChange event ([#8524](https://github.com/Esri/calcite-design-system/issues/8524)) ([4db2eb7](https://github.com/Esri/calcite-design-system/commit/4db2eb7a33efb7ec8075596f1439760264ed75fb)), closes [#8523](https://github.com/Esri/calcite-design-system/issues/8523) [#8484](https://github.com/Esri/calcite-design-system/issues/8484) ## [2.2.0-next.9](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.8...@esri/calcite-components@2.2.0-next.9) (2024-01-02) ### Features -- __handle:__ add selected property and calciteHandleChange event. ([#8484](https://github.com/Esri/calcite-design-system/issues/8484)) ([d2e9880](https://github.com/Esri/calcite-design-system/commit/d2e9880e7d6949d16f6499151442e09986e7f8b0)), closes [#8522](https://github.com/Esri/calcite-design-system/issues/8522) [#8483](https://github.com/Esri/calcite-design-system/issues/8483) -- __list:__ Introduce clearer unselected state ([#8510](https://github.com/Esri/calcite-design-system/issues/8510)) ([f1e836c](https://github.com/Esri/calcite-design-system/commit/f1e836c46af1411853b81c681e41428211e0d900)), closes [#6700](https://github.com/Esri/calcite-design-system/issues/6700) +- **handle:** add selected property and calciteHandleChange event. ([#8484](https://github.com/Esri/calcite-design-system/issues/8484)) ([d2e9880](https://github.com/Esri/calcite-design-system/commit/d2e9880e7d6949d16f6499151442e09986e7f8b0)), closes [#8522](https://github.com/Esri/calcite-design-system/issues/8522) [#8483](https://github.com/Esri/calcite-design-system/issues/8483) +- **list:** Introduce clearer unselected state ([#8510](https://github.com/Esri/calcite-design-system/issues/8510)) ([f1e836c](https://github.com/Esri/calcite-design-system/commit/f1e836c46af1411853b81c681e41428211e0d900)), closes [#6700](https://github.com/Esri/calcite-design-system/issues/6700) ### Bug Fixes -- __input-date-picker:__ hard to reproduce numbering-system caching issue ([#8518](https://github.com/Esri/calcite-design-system/issues/8518)) ([5f4fa3e](https://github.com/Esri/calcite-design-system/commit/5f4fa3ed0a7f92b463be475476145b201c68b372)), closes [#7958](https://github.com/Esri/calcite-design-system/issues/7958) +- **input-date-picker:** hard to reproduce numbering-system caching issue ([#8518](https://github.com/Esri/calcite-design-system/issues/8518)) ([5f4fa3e](https://github.com/Esri/calcite-design-system/commit/5f4fa3ed0a7f92b463be475476145b201c68b372)), closes [#7958](https://github.com/Esri/calcite-design-system/issues/7958) ## [2.2.0-next.8](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.7...@esri/calcite-components@2.2.0-next.8) (2023-12-28) ### Bug Fixes -- __table:__ Fix double border on `bordered` Table Rows in `table-footer` ([#8509](https://github.com/Esri/calcite-design-system/issues/8509)) ([c16ea33](https://github.com/Esri/calcite-design-system/commit/c16ea335c1d3b8663e4a0f51012d071f93c1b476)), closes [#8508](https://github.com/Esri/calcite-design-system/issues/8508) +- **table:** Fix double border on `bordered` Table Rows in `table-footer` ([#8509](https://github.com/Esri/calcite-design-system/issues/8509)) ([c16ea33](https://github.com/Esri/calcite-design-system/commit/c16ea335c1d3b8663e4a0f51012d071f93c1b476)), closes [#8508](https://github.com/Esri/calcite-design-system/issues/8508) ## [2.2.0-next.7](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.6...@esri/calcite-components@2.2.0-next.7) (2023-12-28) ### Features -- __handle:__ Add `blurUnselectDisabled` property to disable unselecting handle on blur. ([#8483](https://github.com/Esri/calcite-design-system/issues/8483)) ([4d665cc](https://github.com/Esri/calcite-design-system/commit/4d665cc2eff668bb0278c0a3a16a0a6bd4d98776)), closes [#8485](https://github.com/Esri/calcite-design-system/issues/8485) +- **handle:** Add `blurUnselectDisabled` property to disable unselecting handle on blur. ([#8483](https://github.com/Esri/calcite-design-system/issues/8483)) ([4d665cc](https://github.com/Esri/calcite-design-system/commit/4d665cc2eff668bb0278c0a3a16a0a6bd4d98776)), closes [#8485](https://github.com/Esri/calcite-design-system/issues/8485) ## [2.2.0-next.6](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.5...@esri/calcite-components@2.2.0-next.6) (2023-12-27) ### Bug Fixes -- __list-item:__ store last focused cell from focusing on elements within a cell. ([#8494](https://github.com/Esri/calcite-design-system/issues/8494)) ([28f93b4](https://github.com/Esri/calcite-design-system/commit/28f93b43036affcdb29d07c12f0cb910329d4b8c)), closes [#8493](https://github.com/Esri/calcite-design-system/issues/8493) +- **list-item:** store last focused cell from focusing on elements within a cell. ([#8494](https://github.com/Esri/calcite-design-system/issues/8494)) ([28f93b4](https://github.com/Esri/calcite-design-system/commit/28f93b43036affcdb29d07c12f0cb910329d4b8c)), closes [#8493](https://github.com/Esri/calcite-design-system/issues/8493) ## [2.2.0-next.5](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.4...@esri/calcite-components@2.2.0-next.5) (2023-12-27) ### Bug Fixes -- __list:__ correct selectedItems value when list is filtered ([#8481](https://github.com/Esri/calcite-design-system/issues/8481)) ([9de1922](https://github.com/Esri/calcite-design-system/commit/9de192221f3040a0c9e58bbace1794ac16515a71)), closes [#8468](https://github.com/Esri/calcite-design-system/issues/8468) +- **list:** correct selectedItems value when list is filtered ([#8481](https://github.com/Esri/calcite-design-system/issues/8481)) ([9de1922](https://github.com/Esri/calcite-design-system/commit/9de192221f3040a0c9e58bbace1794ac16515a71)), closes [#8468](https://github.com/Esri/calcite-design-system/issues/8468) ## [2.2.0-next.4](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.3...@esri/calcite-components@2.2.0-next.4) (2023-12-21) ### Bug Fixes -- __list:__ fix keyboard arrow navigation ([#8470](https://github.com/Esri/calcite-design-system/issues/8470)) ([57fdaa4](https://github.com/Esri/calcite-design-system/commit/57fdaa4392b29890be6e5af439168b621b3b5a9e)), closes [#8464](https://github.com/Esri/calcite-design-system/issues/8464) +- **list:** fix keyboard arrow navigation ([#8470](https://github.com/Esri/calcite-design-system/issues/8470)) ([57fdaa4](https://github.com/Esri/calcite-design-system/commit/57fdaa4392b29890be6e5af439168b621b3b5a9e)), closes [#8464](https://github.com/Esri/calcite-design-system/issues/8464) ## [2.2.0-next.3](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.2...@esri/calcite-components@2.2.0-next.3) (2023-12-21) ### Bug Fixes -- __table:__ Improve Table overflow behavior ([#8424](https://github.com/Esri/calcite-design-system/issues/8424)) ([79743e1](https://github.com/Esri/calcite-design-system/commit/79743e1710d88b99e31627a41a82524bdbcbc69f)), closes [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [/github.com/Esri/calcite-design-system/issues/7677#issuecomment-1856176584](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/7677/issues/issuecomment-1856176584) +- **table:** Improve Table overflow behavior ([#8424](https://github.com/Esri/calcite-design-system/issues/8424)) ([79743e1](https://github.com/Esri/calcite-design-system/commit/79743e1710d88b99e31627a41a82524bdbcbc69f)), closes [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [#7677](https://github.com/Esri/calcite-design-system/issues/7677) [/github.com/Esri/calcite-design-system/issues/7677#issuecomment-1856176584](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/7677/issues/issuecomment-1856176584) ### Reverts @@ -64,55 +64,55 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Bug Fixes -- __filter:__ prevent console warning from displaying to end users ([#8458](https://github.com/Esri/calcite-design-system/issues/8458)) ([0de7646](https://github.com/Esri/calcite-design-system/commit/0de7646aaf9c93923a7e55c02fc396448d2234f2)), closes [#8457](https://github.com/Esri/calcite-design-system/issues/8457) +- **filter:** prevent console warning from displaying to end users ([#8458](https://github.com/Esri/calcite-design-system/issues/8458)) ([0de7646](https://github.com/Esri/calcite-design-system/commit/0de7646aaf9c93923a7e55c02fc396448d2234f2)), closes [#8457](https://github.com/Esri/calcite-design-system/issues/8457) ## [2.2.0-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.2.0-next.0...@esri/calcite-components@2.2.0-next.1) (2023-12-20) ### Bug Fixes - allow users to control tabindex on interactive components ([#8166](https://github.com/Esri/calcite-design-system/issues/8166)) ([b15c052](https://github.com/Esri/calcite-design-system/commit/b15c052335b3c3bcba01cd3a0ec2dfe03588959c)), closes [#4970](https://github.com/Esri/calcite-design-system/issues/4970) -- __list:__ fix event detail newIndex when down arrow pressed to sort ([#8462](https://github.com/Esri/calcite-design-system/issues/8462)) ([b3d5169](https://github.com/Esri/calcite-design-system/commit/b3d5169a1aa8cc517ef17b3c4675126925d13603)), closes [#8464](https://github.com/Esri/calcite-design-system/issues/8464) +- **list:** fix event detail newIndex when down arrow pressed to sort ([#8462](https://github.com/Esri/calcite-design-system/issues/8462)) ([b3d5169](https://github.com/Esri/calcite-design-system/commit/b3d5169a1aa8cc517ef17b3c4675126925d13603)), closes [#8464](https://github.com/Esri/calcite-design-system/issues/8464) ## [2.2.0-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.1.0...@esri/calcite-components@2.2.0-next.0) (2023-12-19) ### Features -- __table-header:__ Add style when within a `selected` Table Row ([#8449](https://github.com/Esri/calcite-design-system/issues/8449)) ([13cfe75](https://github.com/Esri/calcite-design-system/commit/13cfe75e0c39f6ab492f5a3eb312c5adc93d18e5)), closes [#8448](https://github.com/Esri/calcite-design-system/issues/8448) +- **table-header:** Add style when within a `selected` Table Row ([#8449](https://github.com/Esri/calcite-design-system/issues/8449)) ([13cfe75](https://github.com/Esri/calcite-design-system/commit/13cfe75e0c39f6ab492f5a3eb312c5adc93d18e5)), closes [#8448](https://github.com/Esri/calcite-design-system/issues/8448) ### Bug Fixes -- __date-picker:__ prevent console error when selecting just an end date for input date picker ([#8444](https://github.com/Esri/calcite-design-system/issues/8444)) ([c0e51c3](https://github.com/Esri/calcite-design-system/commit/c0e51c393ef0bf52ca6164108df8bcac595bcebd)), closes [#8436](https://github.com/Esri/calcite-design-system/issues/8436) +- **date-picker:** prevent console error when selecting just an end date for input date picker ([#8444](https://github.com/Esri/calcite-design-system/issues/8444)) ([c0e51c3](https://github.com/Esri/calcite-design-system/commit/c0e51c393ef0bf52ca6164108df8bcac595bcebd)), closes [#8436](https://github.com/Esri/calcite-design-system/issues/8436) ## [2.1.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.0.0...@esri/calcite-components@2.1.0) (2023-12-19) ### Features - Add `validation-message` and `validation-icon` attributes to form components for new internal `calcite-input-message` ([#8305](https://github.com/Esri/calcite-design-system/issues/8305)) ([a554cfd](https://github.com/Esri/calcite-design-system/commit/a554cfd0d8c51edf2433191f907be2770fc5274d)) -- __dropdown-item:__ Add disabled support ([#8312](https://github.com/Esri/calcite-design-system/issues/8312)) ([4c311c6](https://github.com/Esri/calcite-design-system/commit/4c311c646b0a1051ca63f4ca809227a3afb243f9)) -- __list-item:__ Add calciteListItemToggle event. ([#8433](https://github.com/Esri/calcite-design-system/issues/8433)) ([1d2fa04](https://github.com/Esri/calcite-design-system/commit/1d2fa0406a303f9ae45861c3006eed0b896a207b)) -- __list:__ Add `calciteListDragStart` and `calciteListDragEnd` events for when a drag starts and ends. ([#8361](https://github.com/Esri/calcite-design-system/issues/8361)) ([1314605](https://github.com/Esri/calcite-design-system/commit/131460537f47f2d77d6118a8fb324dc829f77ea9)) -- __list:__ Add drag event details to `calciteListDragStart` and `calciteListDragEnd` events ([#8438](https://github.com/Esri/calcite-design-system/issues/8438)) ([e199c08](https://github.com/Esri/calcite-design-system/commit/e199c080128d339b987512454f70a3370d9bdf98)) +- **dropdown-item:** Add disabled support ([#8312](https://github.com/Esri/calcite-design-system/issues/8312)) ([4c311c6](https://github.com/Esri/calcite-design-system/commit/4c311c646b0a1051ca63f4ca809227a3afb243f9)) +- **list-item:** Add calciteListItemToggle event. ([#8433](https://github.com/Esri/calcite-design-system/issues/8433)) ([1d2fa04](https://github.com/Esri/calcite-design-system/commit/1d2fa0406a303f9ae45861c3006eed0b896a207b)) +- **list:** Add `calciteListDragStart` and `calciteListDragEnd` events for when a drag starts and ends. ([#8361](https://github.com/Esri/calcite-design-system/issues/8361)) ([1314605](https://github.com/Esri/calcite-design-system/commit/131460537f47f2d77d6118a8fb324dc829f77ea9)) +- **list:** Add drag event details to `calciteListDragStart` and `calciteListDragEnd` events ([#8438](https://github.com/Esri/calcite-design-system/issues/8438)) ([e199c08](https://github.com/Esri/calcite-design-system/commit/e199c080128d339b987512454f70a3370d9bdf98)) - Provide legacy CSS custom props for backwards compatibility ([#8355](https://github.com/Esri/calcite-design-system/issues/8355)) ([b0f063e](https://github.com/Esri/calcite-design-system/commit/b0f063e213adaa31bc5fed124b7f29381735ccf5)) ### Bug Fixes -- __action-menu:__ Filter hidden or disabled actions via keyboard. ([#8336](https://github.com/Esri/calcite-design-system/issues/8336)) ([11c0007](https://github.com/Esri/calcite-design-system/commit/11c0007b774207c2b862061fc277c64ea513c845)) -- __action-menu:__ Fix closing action menu after a drag occurs ([#8339](https://github.com/Esri/calcite-design-system/issues/8339)) ([dcb8548](https://github.com/Esri/calcite-design-system/commit/dcb854803f242c5bbe8febdd7138c329f120d890)) -- __action-menu:__ Keep internal popover open property in sync ([#8387](https://github.com/Esri/calcite-design-system/issues/8387)) ([38dff7c](https://github.com/Esri/calcite-design-system/commit/38dff7cd9eab60667ee415e59dd4287ae9ab8bb0)) -- __dropdown-item:__ Avoid hover/active styling when disabled ([#8398](https://github.com/Esri/calcite-design-system/issues/8398)) ([35817dc](https://github.com/Esri/calcite-design-system/commit/35817dc6a8fc6eb3dd1d3e1b267869b39d6e8d8c)) -- __floating-ui:__ Improve floating element performance ([#8409](https://github.com/Esri/calcite-design-system/issues/8409)) ([4d8cfb8](https://github.com/Esri/calcite-design-system/commit/4d8cfb899857960268226db5c2a47514ea20ad18)) -- __input-date-picker:__ Ensure range input toggling is consistent ([#8414](https://github.com/Esri/calcite-design-system/issues/8414)) ([cd92586](https://github.com/Esri/calcite-design-system/commit/cd925869e36f63d9ba21d77ed1dc8c765bbaf30f)) -- __input-date-picker:__ No longer emits redundant change event ([#8341](https://github.com/Esri/calcite-design-system/issues/8341)) ([cd5b92b](https://github.com/Esri/calcite-design-system/commit/cd5b92b8f9a3d2edbca34eb8621bd340c07d23d5)) -- __input-date-picker:__ Respect the numberingSystem property when rendering the input ([#8383](https://github.com/Esri/calcite-design-system/issues/8383)) ([395b538](https://github.com/Esri/calcite-design-system/commit/395b5387e2df538cec99ae02702dfd7d363b16ab)) -- __list-item:__ Drag grid cell should be accessible via arrow keys. ([#8353](https://github.com/Esri/calcite-design-system/issues/8353)) ([2718ab3](https://github.com/Esri/calcite-design-system/commit/2718ab3420035c33dca7dd97321c8596944d3894)) -- __menu-item:__ Improve keyboard navigability when `href` populated ([#8408](https://github.com/Esri/calcite-design-system/issues/8408)) ([5b44798](https://github.com/Esri/calcite-design-system/commit/5b447981efabddf2aeab961b8be826aaab5cbd9e)) -- __modal:__ Ensure document overflow styles are properly restored when multiple modals are closed/removed ([#8390](https://github.com/Esri/calcite-design-system/issues/8390)) ([f2c6b09](https://github.com/Esri/calcite-design-system/commit/f2c6b0990d23e080ca665d72fb3bd05c1f3e227d)) +- **action-menu:** Filter hidden or disabled actions via keyboard. ([#8336](https://github.com/Esri/calcite-design-system/issues/8336)) ([11c0007](https://github.com/Esri/calcite-design-system/commit/11c0007b774207c2b862061fc277c64ea513c845)) +- **action-menu:** Fix closing action menu after a drag occurs ([#8339](https://github.com/Esri/calcite-design-system/issues/8339)) ([dcb8548](https://github.com/Esri/calcite-design-system/commit/dcb854803f242c5bbe8febdd7138c329f120d890)) +- **action-menu:** Keep internal popover open property in sync ([#8387](https://github.com/Esri/calcite-design-system/issues/8387)) ([38dff7c](https://github.com/Esri/calcite-design-system/commit/38dff7cd9eab60667ee415e59dd4287ae9ab8bb0)) +- **dropdown-item:** Avoid hover/active styling when disabled ([#8398](https://github.com/Esri/calcite-design-system/issues/8398)) ([35817dc](https://github.com/Esri/calcite-design-system/commit/35817dc6a8fc6eb3dd1d3e1b267869b39d6e8d8c)) +- **floating-ui:** Improve floating element performance ([#8409](https://github.com/Esri/calcite-design-system/issues/8409)) ([4d8cfb8](https://github.com/Esri/calcite-design-system/commit/4d8cfb899857960268226db5c2a47514ea20ad18)) +- **input-date-picker:** Ensure range input toggling is consistent ([#8414](https://github.com/Esri/calcite-design-system/issues/8414)) ([cd92586](https://github.com/Esri/calcite-design-system/commit/cd925869e36f63d9ba21d77ed1dc8c765bbaf30f)) +- **input-date-picker:** No longer emits redundant change event ([#8341](https://github.com/Esri/calcite-design-system/issues/8341)) ([cd5b92b](https://github.com/Esri/calcite-design-system/commit/cd5b92b8f9a3d2edbca34eb8621bd340c07d23d5)) +- **input-date-picker:** Respect the numberingSystem property when rendering the input ([#8383](https://github.com/Esri/calcite-design-system/issues/8383)) ([395b538](https://github.com/Esri/calcite-design-system/commit/395b5387e2df538cec99ae02702dfd7d363b16ab)) +- **list-item:** Drag grid cell should be accessible via arrow keys. ([#8353](https://github.com/Esri/calcite-design-system/issues/8353)) ([2718ab3](https://github.com/Esri/calcite-design-system/commit/2718ab3420035c33dca7dd97321c8596944d3894)) +- **menu-item:** Improve keyboard navigability when `href` populated ([#8408](https://github.com/Esri/calcite-design-system/issues/8408)) ([5b44798](https://github.com/Esri/calcite-design-system/commit/5b447981efabddf2aeab961b8be826aaab5cbd9e)) +- **modal:** Ensure document overflow styles are properly restored when multiple modals are closed/removed ([#8390](https://github.com/Esri/calcite-design-system/issues/8390)) ([f2c6b09](https://github.com/Esri/calcite-design-system/commit/f2c6b0990d23e080ca665d72fb3bd05c1f3e227d)) - Replace "\n" to support Windows for tokens output ([#8352](https://github.com/Esri/calcite-design-system/issues/8352)) ([02cf5d5](https://github.com/Esri/calcite-design-system/commit/02cf5d5abaad73a7159bdc7c00b0e33636f64314)) -- __shell-panel:__ Adds border at the start when slotted in `panel-end` ([#8314](https://github.com/Esri/calcite-design-system/issues/8314)) ([2d1a1e2](https://github.com/Esri/calcite-design-system/commit/2d1a1e2064e8a8163f03112c28ed6f6b0cdd36e6)) -- __shell, shell-panel:__ Support resizing shell panel when there is an iframe slotted in shell content ([#8317](https://github.com/Esri/calcite-design-system/issues/8317)) ([e0f69c9](https://github.com/Esri/calcite-design-system/commit/e0f69c91e1304d7c9f6444dbd2189d32a6e69806)) -- __stepper:__ Emits `calciteStepperItemChange` event when switched to first step ([#8422](https://github.com/Esri/calcite-design-system/issues/8422)) ([508979f](https://github.com/Esri/calcite-design-system/commit/508979f25196556af730c984929d232858623c78)) -- __table-cell:__ Fix background css variable ([#8439](https://github.com/Esri/calcite-design-system/issues/8439)) ([9e5c59b](https://github.com/Esri/calcite-design-system/commit/9e5c59b94f4f8291788cd9a8734b2ea47fd60329)) -- __tab:__ Prevent vertical scrollbar on content pane when the height of outer elements are specified ([#8399](https://github.com/Esri/calcite-design-system/issues/8399)) ([9e6d901](https://github.com/Esri/calcite-design-system/commit/9e6d9013fead27aa5c816d0c21429f62c1f224af)) +- **shell-panel:** Adds border at the start when slotted in `panel-end` ([#8314](https://github.com/Esri/calcite-design-system/issues/8314)) ([2d1a1e2](https://github.com/Esri/calcite-design-system/commit/2d1a1e2064e8a8163f03112c28ed6f6b0cdd36e6)) +- **shell, shell-panel:** Support resizing shell panel when there is an iframe slotted in shell content ([#8317](https://github.com/Esri/calcite-design-system/issues/8317)) ([e0f69c9](https://github.com/Esri/calcite-design-system/commit/e0f69c91e1304d7c9f6444dbd2189d32a6e69806)) +- **stepper:** Emits `calciteStepperItemChange` event when switched to first step ([#8422](https://github.com/Esri/calcite-design-system/issues/8422)) ([508979f](https://github.com/Esri/calcite-design-system/commit/508979f25196556af730c984929d232858623c78)) +- **table-cell:** Fix background css variable ([#8439](https://github.com/Esri/calcite-design-system/issues/8439)) ([9e5c59b](https://github.com/Esri/calcite-design-system/commit/9e5c59b94f4f8291788cd9a8734b2ea47fd60329)) +- **tab:** Prevent vertical scrollbar on content pane when the height of outer elements are specified ([#8399](https://github.com/Esri/calcite-design-system/issues/8399)) ([9e6d901](https://github.com/Esri/calcite-design-system/commit/9e6d9013fead27aa5c816d0c21429f62c1f224af)) - Use Stencil watchers instead of global attributes util ([#8407](https://github.com/Esri/calcite-design-system/issues/8407)) ([c531d81](https://github.com/Esri/calcite-design-system/commit/c531d815477fb2a6629c875d585f465240e2e929)) ### Dependencies @@ -125,60 +125,60 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### ⚠ BREAKING CHANGES -- __tokens:__ Changes to `@esri/calcite-design-tokens`, including the names of CSS variables used to customize component styling. See the [breaking changes section](https://github.com/Esri/calcite-design-system/blob/main/packages/calcite-design-tokens/CHANGELOG.md#200-2023-12-02) of the `@esri/calcite-design-tokens` changelog. ([#8311](https://github.com/Esri/calcite-design-system/issues/8311)) ([8d7cf3f](https://github.com/Esri/calcite-design-system/commit/8d7cf3f9bca3e908c1b0383209b348640c623084)), ([#8299](https://github.com/Esri/calcite-design-system/issues/8299)) ([4050a91](https://github.com/Esri/calcite-design-system/commit/4050a913d37fca76b79dfe97956a9ce2beef948c)), ([#8215](https://github.com/Esri/calcite-design-system/issues/8215)) ([335d010](https://github.com/Esri/calcite-design-system/commit/335d0106ef0f9d0ce71bda8d2c826bccfedc4995)) -- __button, list, pick-list, value-list:__ Setting `loading` prop to true no longer prevents interaction nor applies disabled styles. If you'd like to block interaction when loading, please set `disabled` along with `loading`. ([#8292](https://github.com/Esri/calcite-design-system/issues/8292)) ([db3c5c7](https://github.com/Esri/calcite-design-system/commit/db3c5c7c881f3e13a5b6992ba7fa8889a56ece8a)) -- __dropdown:__ Dropdown's default `display` was changed from `inline-flex` to `inline-block` to make it easier to prompt truncation in trigger button text with minimal impact to layout (by setting an explicit width __or__ setting `width: 100%` or `display: block` on the dropdown of a width-constrained parent). ([#8253](https://github.com/Esri/calcite-design-system/issues/8253)) ([7c96e9f](https://github.com/Esri/calcite-design-system/commit/7c96e9ff87590b74121450e37f5843f1ee851d54)) -- __dropdown, modal:__ For consistency, renames the `width` property to `widthScale`. ([#8251](https://github.com/Esri/calcite-design-system/issues/8251)) ([ab12968](https://github.com/Esri/calcite-design-system/commit/ab12968f6d7d4f46d4d42859e29ae6906d203397)), ([#8252](https://github.com/Esri/calcite-design-system/issues/8252)) ([6b09245](https://github.com/Esri/calcite-design-system/commit/6b092455aa714900d74c1831c66aa954ef2f1b3d)) -- __react:__ Disabled `includeImportCustomElements`. Make sure to import components from `@esri/calcite-components` in addition to the React wrappers. For example, the first code snippet in [#7185](https://github.com/Esri/calcite-design-system/issues/7185) is now required, or else the custom elements will not be defined in the browser. ([#8248](https://github.com/Esri/calcite-design-system/issues/8248)) ([0948c1a](https://github.com/Esri/calcite-design-system/commit/0948c1a187d91606ea58f59b36c680285c6001a1)) -- __i18n:__ Reduced numbering system support to `latn`, `arab` and `arabext`. The following numbering systems were removed: `bali`, `beng`, `deva`, `fullwide`, `gujr`, `guru`, `hanidec`, `khmr`, `knda`, `laoo`, `limb`, `mlym`, `mong`, `mymr`, `orya`, `tamldec`, `telu`, `thai`, `tibt`. ([#8217](https://github.com/Esri/calcite-design-system/issues/8217)) ([9946ac1](https://github.com/Esri/calcite-design-system/commit/9946ac18776d67a78d5f40529cf3b7b3c3759d1b)) -- __stepper-item:__ Removed both `previousStep` and `nextStep` message properties. These are no longer overrideable via `messageOverrides`. ([#8234](https://github.com/Esri/calcite-design-system/issues/8234)) ([331aafb](https://github.com/Esri/calcite-design-system/commit/331aafbd74ed0b7887c0424190cd8e93c3918c26)) -- __card:__ Removed the `deselect` message property – this property was deprecated in [#6657](https://github.com/Esri/calcite-design-system/issues/6657) as it is no longer being rendered. This is no longer overrideable via `messageOverrides`. ([#8099](https://github.com/Esri/calcite-design-system/issues/8099)) ([1bab172](https://github.com/Esri/calcite-design-system/commit/1bab172bccf9afb95b13e979ca4ab4accc10cf25)) -- __deps:__ We are treating the `@stencil/core@v4` bump as a precautionary measure, particularly due to its potential impact on projects using `calcite-components` and Stencil. ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) +- **tokens:** Changes to `@esri/calcite-design-tokens`, including the names of CSS variables used to customize component styling. See the [breaking changes section](https://github.com/Esri/calcite-design-system/blob/main/packages/calcite-design-tokens/CHANGELOG.md#200-2023-12-02) of the `@esri/calcite-design-tokens` changelog. ([#8311](https://github.com/Esri/calcite-design-system/issues/8311)) ([8d7cf3f](https://github.com/Esri/calcite-design-system/commit/8d7cf3f9bca3e908c1b0383209b348640c623084)), ([#8299](https://github.com/Esri/calcite-design-system/issues/8299)) ([4050a91](https://github.com/Esri/calcite-design-system/commit/4050a913d37fca76b79dfe97956a9ce2beef948c)), ([#8215](https://github.com/Esri/calcite-design-system/issues/8215)) ([335d010](https://github.com/Esri/calcite-design-system/commit/335d0106ef0f9d0ce71bda8d2c826bccfedc4995)) +- **button, list, pick-list, value-list:** Setting `loading` prop to true no longer prevents interaction nor applies disabled styles. If you'd like to block interaction when loading, please set `disabled` along with `loading`. ([#8292](https://github.com/Esri/calcite-design-system/issues/8292)) ([db3c5c7](https://github.com/Esri/calcite-design-system/commit/db3c5c7c881f3e13a5b6992ba7fa8889a56ece8a)) +- **dropdown:** Dropdown's default `display` was changed from `inline-flex` to `inline-block` to make it easier to prompt truncation in trigger button text with minimal impact to layout (by setting an explicit width **or** setting `width: 100%` or `display: block` on the dropdown of a width-constrained parent). ([#8253](https://github.com/Esri/calcite-design-system/issues/8253)) ([7c96e9f](https://github.com/Esri/calcite-design-system/commit/7c96e9ff87590b74121450e37f5843f1ee851d54)) +- **dropdown, modal:** For consistency, renames the `width` property to `widthScale`. ([#8251](https://github.com/Esri/calcite-design-system/issues/8251)) ([ab12968](https://github.com/Esri/calcite-design-system/commit/ab12968f6d7d4f46d4d42859e29ae6906d203397)), ([#8252](https://github.com/Esri/calcite-design-system/issues/8252)) ([6b09245](https://github.com/Esri/calcite-design-system/commit/6b092455aa714900d74c1831c66aa954ef2f1b3d)) +- **react:** Disabled `includeImportCustomElements`. Make sure to import components from `@esri/calcite-components` in addition to the React wrappers. For example, the first code snippet in [#7185](https://github.com/Esri/calcite-design-system/issues/7185) is now required, or else the custom elements will not be defined in the browser. ([#8248](https://github.com/Esri/calcite-design-system/issues/8248)) ([0948c1a](https://github.com/Esri/calcite-design-system/commit/0948c1a187d91606ea58f59b36c680285c6001a1)) +- **i18n:** Reduced numbering system support to `latn`, `arab` and `arabext`. The following numbering systems were removed: `bali`, `beng`, `deva`, `fullwide`, `gujr`, `guru`, `hanidec`, `khmr`, `knda`, `laoo`, `limb`, `mlym`, `mong`, `mymr`, `orya`, `tamldec`, `telu`, `thai`, `tibt`. ([#8217](https://github.com/Esri/calcite-design-system/issues/8217)) ([9946ac1](https://github.com/Esri/calcite-design-system/commit/9946ac18776d67a78d5f40529cf3b7b3c3759d1b)) +- **stepper-item:** Removed both `previousStep` and `nextStep` message properties. These are no longer overrideable via `messageOverrides`. ([#8234](https://github.com/Esri/calcite-design-system/issues/8234)) ([331aafb](https://github.com/Esri/calcite-design-system/commit/331aafbd74ed0b7887c0424190cd8e93c3918c26)) +- **card:** Removed the `deselect` message property – this property was deprecated in [#6657](https://github.com/Esri/calcite-design-system/issues/6657) as it is no longer being rendered. This is no longer overrideable via `messageOverrides`. ([#8099](https://github.com/Esri/calcite-design-system/issues/8099)) ([1bab172](https://github.com/Esri/calcite-design-system/commit/1bab172bccf9afb95b13e979ca4ab4accc10cf25)) +- **deps:** We are treating the `@stencil/core@v4` bump as a precautionary measure, particularly due to its potential impact on projects using `calcite-components` and Stencil. ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) ### Features -- __action-menu:__ Set max height of the action menu ([#8275](https://github.com/Esri/calcite-design-system/issues/8275)) ([ca1be28](https://github.com/Esri/calcite-design-system/commit/ca1be2835e3a875dcb6634e567fa48f61ccb6e8f)) -- __action-menu:__ Support action-groups ([#8273](https://github.com/Esri/calcite-design-system/issues/8273)) ([c07144f](https://github.com/Esri/calcite-design-system/commit/c07144f5c2d2b06d082cda7f0ba41e4803625d14)) -- __combobox, checkbox, input-time-zone, select, text-area:__ Add `status` property ([#8304](https://github.com/Esri/calcite-design-system/issues/8304)) ([a44e9fe](https://github.com/Esri/calcite-design-system/commit/a44e9fe2fb3e964d2fb28871c1ed8d07fdda6800)) -- __handle:__ Add disabled property ([#8283](https://github.com/Esri/calcite-design-system/issues/8283)) ([7aeecd5](https://github.com/Esri/calcite-design-system/commit/7aeecd52b93232b6d1220402663084c486219859)) -- __list-item:__ Add dragDisabled property ([#8285](https://github.com/Esri/calcite-design-system/issues/8285)) ([f091f26](https://github.com/Esri/calcite-design-system/commit/f091f26c77d35dc68dad156736dee9dab82f4c2b)) -- __list:__ Support multiple selection using the shift key ([#8301](https://github.com/Esri/calcite-design-system/issues/8301)) ([79538be](https://github.com/Esri/calcite-design-system/commit/79538be47f87bf3e35d602a492bcb35bd8462df3)) +- **action-menu:** Set max height of the action menu ([#8275](https://github.com/Esri/calcite-design-system/issues/8275)) ([ca1be28](https://github.com/Esri/calcite-design-system/commit/ca1be2835e3a875dcb6634e567fa48f61ccb6e8f)) +- **action-menu:** Support action-groups ([#8273](https://github.com/Esri/calcite-design-system/issues/8273)) ([c07144f](https://github.com/Esri/calcite-design-system/commit/c07144f5c2d2b06d082cda7f0ba41e4803625d14)) +- **combobox, checkbox, input-time-zone, select, text-area:** Add `status` property ([#8304](https://github.com/Esri/calcite-design-system/issues/8304)) ([a44e9fe](https://github.com/Esri/calcite-design-system/commit/a44e9fe2fb3e964d2fb28871c1ed8d07fdda6800)) +- **handle:** Add disabled property ([#8283](https://github.com/Esri/calcite-design-system/issues/8283)) ([7aeecd5](https://github.com/Esri/calcite-design-system/commit/7aeecd52b93232b6d1220402663084c486219859)) +- **list-item:** Add dragDisabled property ([#8285](https://github.com/Esri/calcite-design-system/issues/8285)) ([f091f26](https://github.com/Esri/calcite-design-system/commit/f091f26c77d35dc68dad156736dee9dab82f4c2b)) +- **list:** Support multiple selection using the shift key ([#8301](https://github.com/Esri/calcite-design-system/issues/8301)) ([79538be](https://github.com/Esri/calcite-design-system/commit/79538be47f87bf3e35d602a492bcb35bd8462df3)) - Reduce global design tokens in calcite.css ([#8215](https://github.com/Esri/calcite-design-system/issues/8215)) ([335d010](https://github.com/Esri/calcite-design-system/commit/335d0106ef0f9d0ce71bda8d2c826bccfedc4995)) -- __stepper:__ Enable responsive layout ([#7744](https://github.com/Esri/calcite-design-system/issues/7744)) ([556b8bc](https://github.com/Esri/calcite-design-system/commit/556b8bc66612a5a00405a28ec6dbe5b635ac9d10)) +- **stepper:** Enable responsive layout ([#7744](https://github.com/Esri/calcite-design-system/issues/7744)) ([556b8bc](https://github.com/Esri/calcite-design-system/commit/556b8bc66612a5a00405a28ec6dbe5b635ac9d10)) ### Bug Fixes - Align tokens with figma variables ([#8311](https://github.com/Esri/calcite-design-system/issues/8311)) ([8d7cf3f](https://github.com/Esri/calcite-design-system/commit/8d7cf3f9bca3e908c1b0383209b348640c623084)) -- __button, list, pick-list, value-list:__ Prevent loading prop from affecting interactivity ([#8292](https://github.com/Esri/calcite-design-system/issues/8292)) ([db3c5c7](https://github.com/Esri/calcite-design-system/commit/db3c5c7c881f3e13a5b6992ba7fa8889a56ece8a)) -- __button:__ Sets aria-disabled instead of disabled on internal anchor element ([#8270](https://github.com/Esri/calcite-design-system/issues/8270)) ([0926eb6](https://github.com/Esri/calcite-design-system/commit/0926eb63dcf09388146f2b5052bd8279be4d25b0)) -- __color-picker, popover, shell-panel, slider, tooltip:__ Register events on the window instead of the document ([#8247](https://github.com/Esri/calcite-design-system/issues/8247)) ([2aaf592](https://github.com/Esri/calcite-design-system/commit/2aaf592ef6b1840a9f176b0078d26de85d50cfbc)) -- __combobox, dropdown, input-date-picker, popover, tooltip:__ Fix positioning of component when component is moved ([#8296](https://github.com/Esri/calcite-design-system/issues/8296)) ([2b2506d](https://github.com/Esri/calcite-design-system/commit/2b2506d07978b2fb66a63c1fed57c3f36c0d2996)) +- **button, list, pick-list, value-list:** Prevent loading prop from affecting interactivity ([#8292](https://github.com/Esri/calcite-design-system/issues/8292)) ([db3c5c7](https://github.com/Esri/calcite-design-system/commit/db3c5c7c881f3e13a5b6992ba7fa8889a56ece8a)) +- **button:** Sets aria-disabled instead of disabled on internal anchor element ([#8270](https://github.com/Esri/calcite-design-system/issues/8270)) ([0926eb6](https://github.com/Esri/calcite-design-system/commit/0926eb63dcf09388146f2b5052bd8279be4d25b0)) +- **color-picker, popover, shell-panel, slider, tooltip:** Register events on the window instead of the document ([#8247](https://github.com/Esri/calcite-design-system/issues/8247)) ([2aaf592](https://github.com/Esri/calcite-design-system/commit/2aaf592ef6b1840a9f176b0078d26de85d50cfbc)) +- **combobox, dropdown, input-date-picker, popover, tooltip:** Fix positioning of component when component is moved ([#8296](https://github.com/Esri/calcite-design-system/issues/8296)) ([2b2506d](https://github.com/Esri/calcite-design-system/commit/2b2506d07978b2fb66a63c1fed57c3f36c0d2996)) - Dragging floating ui components ([#8230](https://github.com/Esri/calcite-design-system/issues/8230)) ([5a81f6c](https://github.com/Esri/calcite-design-system/commit/5a81f6c01a553d3c68f02f33ba1cc0b7f3809b0e)) -- __dropdown:__ Change display to inline-block to ease truncation setup ([#8253](https://github.com/Esri/calcite-design-system/issues/8253)) ([7c96e9f](https://github.com/Esri/calcite-design-system/commit/7c96e9ff87590b74121450e37f5843f1ee851d54)) -- __dropdown:__ Restore trigger container height ([51d1ea8](https://github.com/Esri/calcite-design-system/commit/51d1ea8de889862655f419cbdcebce30d929ed2e)) -- __input-time-zone:__ Update time zone items when item-dependent props change ([#8271](https://github.com/Esri/calcite-design-system/issues/8271)) ([f77532e](https://github.com/Esri/calcite-design-system/commit/f77532e8e7c85d7b4718be0509cd56aad9ed4d0a)) -- __input:__ Prevents mutating value on `blur` when `type="number"` ([#8245](https://github.com/Esri/calcite-design-system/issues/8245)) ([58ededd](https://github.com/Esri/calcite-design-system/commit/58ededdb970adf0e12aff2f9a5afe857b2e9ca4d)) -- __label:__ Associate label to component when `for` prop is set after initialization ([#8309](https://github.com/Esri/calcite-design-system/issues/8309)) ([e81b650](https://github.com/Esri/calcite-design-system/commit/e81b650ae66b413d19eb567c3766f813dfa322c7)) -- __list-item:__ Adds border between grouped and ungrouped list-items ([#8134](https://github.com/Esri/calcite-design-system/issues/8134)) ([ae9b083](https://github.com/Esri/calcite-design-system/commit/ae9b08340e9f75a84de8c5170f819f82861bc42e)) -- __list-item:__ Adds border between last item in a group and slotted item ([#8262](https://github.com/Esri/calcite-design-system/issues/8262)) ([9b5cf76](https://github.com/Esri/calcite-design-system/commit/9b5cf76c4a7d4c2d2e38f32456936ed4bd20c249)) -- __list-item:__ An item with an empty slotted list should be openable. ([#8240](https://github.com/Esri/calcite-design-system/issues/8240)) ([d615b39](https://github.com/Esri/calcite-design-system/commit/d615b396503a661de0618faa5b1aca40d2313a8d)) -- __list-item:__ Focus on the first focusable element within the component when using arrow keys ([#8291](https://github.com/Esri/calcite-design-system/issues/8291)) ([b902365](https://github.com/Esri/calcite-design-system/commit/b902365828e5c4be5fd0ee5ee79e025930a322ac)) -- __list-item:__ Reserve space for empty open lists. ([#8239](https://github.com/Esri/calcite-design-system/issues/8239)) ([484a5aa](https://github.com/Esri/calcite-design-system/commit/484a5aaa3d24cabec727cb9723e446a002d48082)) -- __list:__ Add live region for dynamically changing list items ([#8148](https://github.com/Esri/calcite-design-system/issues/8148)) ([e3c0c06](https://github.com/Esri/calcite-design-system/commit/e3c0c06b27574a21605507aadcad4932be66e2cf)) -- __react:__ Disable includeImportCustomElements to resolve initial render issues ([#8248](https://github.com/Esri/calcite-design-system/issues/8248)) ([0948c1a](https://github.com/Esri/calcite-design-system/commit/0948c1a187d91606ea58f59b36c680285c6001a1)) -- __stepper:__ Typo in CSS variable for step bar's fill ([#8255](https://github.com/Esri/calcite-design-system/issues/8255)) ([2e643aa](https://github.com/Esri/calcite-design-system/commit/2e643aa0ff836c66ea3a13722d5b1f88726f3d27)) +- **dropdown:** Change display to inline-block to ease truncation setup ([#8253](https://github.com/Esri/calcite-design-system/issues/8253)) ([7c96e9f](https://github.com/Esri/calcite-design-system/commit/7c96e9ff87590b74121450e37f5843f1ee851d54)) +- **dropdown:** Restore trigger container height ([51d1ea8](https://github.com/Esri/calcite-design-system/commit/51d1ea8de889862655f419cbdcebce30d929ed2e)) +- **input-time-zone:** Update time zone items when item-dependent props change ([#8271](https://github.com/Esri/calcite-design-system/issues/8271)) ([f77532e](https://github.com/Esri/calcite-design-system/commit/f77532e8e7c85d7b4718be0509cd56aad9ed4d0a)) +- **input:** Prevents mutating value on `blur` when `type="number"` ([#8245](https://github.com/Esri/calcite-design-system/issues/8245)) ([58ededd](https://github.com/Esri/calcite-design-system/commit/58ededdb970adf0e12aff2f9a5afe857b2e9ca4d)) +- **label:** Associate label to component when `for` prop is set after initialization ([#8309](https://github.com/Esri/calcite-design-system/issues/8309)) ([e81b650](https://github.com/Esri/calcite-design-system/commit/e81b650ae66b413d19eb567c3766f813dfa322c7)) +- **list-item:** Adds border between grouped and ungrouped list-items ([#8134](https://github.com/Esri/calcite-design-system/issues/8134)) ([ae9b083](https://github.com/Esri/calcite-design-system/commit/ae9b08340e9f75a84de8c5170f819f82861bc42e)) +- **list-item:** Adds border between last item in a group and slotted item ([#8262](https://github.com/Esri/calcite-design-system/issues/8262)) ([9b5cf76](https://github.com/Esri/calcite-design-system/commit/9b5cf76c4a7d4c2d2e38f32456936ed4bd20c249)) +- **list-item:** An item with an empty slotted list should be openable. ([#8240](https://github.com/Esri/calcite-design-system/issues/8240)) ([d615b39](https://github.com/Esri/calcite-design-system/commit/d615b396503a661de0618faa5b1aca40d2313a8d)) +- **list-item:** Focus on the first focusable element within the component when using arrow keys ([#8291](https://github.com/Esri/calcite-design-system/issues/8291)) ([b902365](https://github.com/Esri/calcite-design-system/commit/b902365828e5c4be5fd0ee5ee79e025930a322ac)) +- **list-item:** Reserve space for empty open lists. ([#8239](https://github.com/Esri/calcite-design-system/issues/8239)) ([484a5aa](https://github.com/Esri/calcite-design-system/commit/484a5aaa3d24cabec727cb9723e446a002d48082)) +- **list:** Add live region for dynamically changing list items ([#8148](https://github.com/Esri/calcite-design-system/issues/8148)) ([e3c0c06](https://github.com/Esri/calcite-design-system/commit/e3c0c06b27574a21605507aadcad4932be66e2cf)) +- **react:** Disable includeImportCustomElements to resolve initial render issues ([#8248](https://github.com/Esri/calcite-design-system/issues/8248)) ([0948c1a](https://github.com/Esri/calcite-design-system/commit/0948c1a187d91606ea58f59b36c680285c6001a1)) +- **stepper:** Typo in CSS variable for step bar's fill ([#8255](https://github.com/Esri/calcite-design-system/issues/8255)) ([2e643aa](https://github.com/Esri/calcite-design-system/commit/2e643aa0ff836c66ea3a13722d5b1f88726f3d27)) ### Build System -- __deps:__ Bump Stencil to v4 ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) +- **deps:** Bump Stencil to v4 ([#8108](https://github.com/Esri/calcite-design-system/issues/8108)) ([bcbb79f](https://github.com/Esri/calcite-design-system/commit/bcbb79f8c925d505bb4ee5e6a54861c5f6bb88b9)) ### Code Refactoring -- __card:__ Remove deprecated `deselected` message ([#8099](https://github.com/Esri/calcite-design-system/issues/8099)) ([1bab172](https://github.com/Esri/calcite-design-system/commit/1bab172bccf9afb95b13e979ca4ab4accc10cf25)) -- __dropdown:__ Rename `width` property to `widthScale` ([#8251](https://github.com/Esri/calcite-design-system/issues/8251)) ([ab12968](https://github.com/Esri/calcite-design-system/commit/ab12968f6d7d4f46d4d42859e29ae6906d203397)) -- __i18n:__ Reduce list of supported numbering systems to `latn`, `arab`, and `arabext` ([#8217](https://github.com/Esri/calcite-design-system/issues/8217)) ([9946ac1](https://github.com/Esri/calcite-design-system/commit/9946ac18776d67a78d5f40529cf3b7b3c3759d1b)) -- __modal:__ Rename `width` property to `widthScale` ([#8252](https://github.com/Esri/calcite-design-system/issues/8252)) ([6b09245](https://github.com/Esri/calcite-design-system/commit/6b092455aa714900d74c1831c66aa954ef2f1b3d)) -- __stepper-item:__ No longer supports previousStep and nextStep messages ([#8234](https://github.com/Esri/calcite-design-system/issues/8234)) ([331aafb](https://github.com/Esri/calcite-design-system/commit/331aafbd74ed0b7887c0424190cd8e93c3918c26)) +- **card:** Remove deprecated `deselected` message ([#8099](https://github.com/Esri/calcite-design-system/issues/8099)) ([1bab172](https://github.com/Esri/calcite-design-system/commit/1bab172bccf9afb95b13e979ca4ab4accc10cf25)) +- **dropdown:** Rename `width` property to `widthScale` ([#8251](https://github.com/Esri/calcite-design-system/issues/8251)) ([ab12968](https://github.com/Esri/calcite-design-system/commit/ab12968f6d7d4f46d4d42859e29ae6906d203397)) +- **i18n:** Reduce list of supported numbering systems to `latn`, `arab`, and `arabext` ([#8217](https://github.com/Esri/calcite-design-system/issues/8217)) ([9946ac1](https://github.com/Esri/calcite-design-system/commit/9946ac18776d67a78d5f40529cf3b7b3c3759d1b)) +- **modal:** Rename `width` property to `widthScale` ([#8252](https://github.com/Esri/calcite-design-system/issues/8252)) ([6b09245](https://github.com/Esri/calcite-design-system/commit/6b092455aa714900d74c1831c66aa954ef2f1b3d)) +- **stepper-item:** No longer supports previousStep and nextStep messages ([#8234](https://github.com/Esri/calcite-design-system/issues/8234)) ([331aafb](https://github.com/Esri/calcite-design-system/commit/331aafbd74ed0b7887c0424190cd8e93c3918c26)) ### Dependencies @@ -191,32 +191,32 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Features -- __combobox:__ Limit display of selected items with new selection-display prop ([#7912](https://github.com/Esri/calcite-design-system/issues/7912)) ([58317ae](https://github.com/Esri/calcite-design-system/commit/58317ae6803a3a1716cabeaeac2061fa533a6bad)) -- __date-picker:__ Make component responsive ([#7872](https://github.com/Esri/calcite-design-system/issues/7872)) ([f131218](https://github.com/Esri/calcite-design-system/commit/f131218a01df6a4be8be3805cd172db0120954e1)) -- __input, input-date-picker, input-number, input-text, input-time-picker:__ Truncate value and placeholder when input is narrow ([#8160](https://github.com/Esri/calcite-design-system/issues/8160)) ([533eff3](https://github.com/Esri/calcite-design-system/commit/533eff3874920d7727b4fb7525e81a8e95d7a5ef)) -- __list-item:__ Add content-bottom slot for placing content below the label and description of the component ([#8183](https://github.com/Esri/calcite-design-system/issues/8183)) ([7d400fb](https://github.com/Esri/calcite-design-system/commit/7d400fb09b08a54cdc2e8b435bf11c95ff06aa32)) -- __list:__ Specify the element types in the `calciteListOrderChange` event detail. ([#8123](https://github.com/Esri/calcite-design-system/issues/8123)) ([3e81d7e](https://github.com/Esri/calcite-design-system/commit/3e81d7e672dde72c2cec163f8dc126a59804f517)) -- __pagination:__ Introduce responsive design for xxsmall breakpoint ([#8150](https://github.com/Esri/calcite-design-system/issues/8150)) ([ab20eb0](https://github.com/Esri/calcite-design-system/commit/ab20eb09dd368cec566cbbb386db059a11e33f13)) -- __stepper-item:__ Remove support for previousStep and nextStep in messages ([#8222](https://github.com/Esri/calcite-design-system/issues/8222)) ([213b31d](https://github.com/Esri/calcite-design-system/commit/213b31da55424e6f7a29a6d58875200fe853c9f9)) -- __stepper:__ Enable responsive layout ([#7744](https://github.com/Esri/calcite-design-system/issues/7744)) ([687ca2b](https://github.com/Esri/calcite-design-system/commit/687ca2b04ed072fae15405c5ce1631adc190b449)) - -### Bug Fixes - -- __accordion-item:__ Update expanded chevron color ([#8087](https://github.com/Esri/calcite-design-system/issues/8087)) ([d3d7688](https://github.com/Esri/calcite-design-system/commit/d3d7688bbb5ed2e58d1e0c5a06f9165e9fb73988)) -- __action:__ Ensure action content is correctly spaced ([#8184](https://github.com/Esri/calcite-design-system/issues/8184)) ([b18dcc8](https://github.com/Esri/calcite-design-system/commit/b18dcc84f739ea24917df45aa2c8c11b2f2d11f1)) -- __action:__ Update transparent action styles ([#8194](https://github.com/Esri/calcite-design-system/issues/8194)) ([0f12489](https://github.com/Esri/calcite-design-system/commit/0f12489f8085557a3302f3b7dbc0152565770265)) -- __block-section:__ Wraps long text over to a new line when toggle switch is displayed ([#8101](https://github.com/Esri/calcite-design-system/issues/8101)) ([3f90780](https://github.com/Esri/calcite-design-system/commit/3f90780a128f934481085c403a76d12174f6aa83)) -- __checkbox:__ Make label property public ([#8181](https://github.com/Esri/calcite-design-system/issues/8181)) ([d3b9c1f](https://github.com/Esri/calcite-design-system/commit/d3b9c1fb9fc50cfd5d49ff43ee3994aba914d71e)) -- __combobox-item:__ Hide disabled item icon ([#8095](https://github.com/Esri/calcite-design-system/issues/8095)) ([36552f3](https://github.com/Esri/calcite-design-system/commit/36552f309f250acb01a76b8cfa97f9813b7c22a4)) -- __input-date-picker:__ Fix date-picker wrapper displaying beyond its bounds ([#8172](https://github.com/Esri/calcite-design-system/issues/8172)) ([01ec024](https://github.com/Esri/calcite-design-system/commit/01ec024e981f0a2e8865b3a43f78ae91efc4b6b3)) -- __input-number:__ Prevents mutating value on blur ([#8226](https://github.com/Esri/calcite-design-system/issues/8226)) ([b89a893](https://github.com/Esri/calcite-design-system/commit/b89a8934855bfbd15376377cf6778bd8fe25d9dd)) -- __input-time-zone:__ Fix Indian/Christmas time zone translation ([#8096](https://github.com/Esri/calcite-design-system/issues/8096)) ([d79d591](https://github.com/Esri/calcite-design-system/commit/d79d59162125ebce70d7a4e1351b34fc6aac68ed)) -- __list-item, stack:__ Stretch action-menu and handle when placed inside a list-item or stack. ([#8185](https://github.com/Esri/calcite-design-system/issues/8185)) ([8a16a69](https://github.com/Esri/calcite-design-system/commit/8a16a69caff33fa3d504f87343db9d7ffdf955ad)) -- __list-item, stack:__ Stretch dropdown when placed inside a list-item or stack ([#8204](https://github.com/Esri/calcite-design-system/issues/8204)) ([05e6b65](https://github.com/Esri/calcite-design-system/commit/05e6b651c9b8582975e5185ebb0f4551527abb08)) -- __list-item:__ Adds border between grouped and ungrouped list-items ([#8134](https://github.com/Esri/calcite-design-system/issues/8134)) ([b3c331c](https://github.com/Esri/calcite-design-system/commit/b3c331ce779cdd034f3e9792db3825d3fd14393b)) -- __list-item:__ Fix rendering of open icon. ([#8207](https://github.com/Esri/calcite-design-system/issues/8207)) ([a6e1766](https://github.com/Esri/calcite-design-system/commit/a6e17663998aeceb55f8321889eded5d23345811)) -- __panel, flow-item:__ Remove overflow rule ([#8055](https://github.com/Esri/calcite-design-system/issues/8055)) ([d0c3ed2](https://github.com/Esri/calcite-design-system/commit/d0c3ed2cd675948580bdf44dba3b9c3283db9fc5)) -- __split-button:__ Fix width layout ([#8133](https://github.com/Esri/calcite-design-system/issues/8133)) ([051f332](https://github.com/Esri/calcite-design-system/commit/051f33235b302e1f5d41ac8d8e8a52ec0a20b6c2)) +- **combobox:** Limit display of selected items with new selection-display prop ([#7912](https://github.com/Esri/calcite-design-system/issues/7912)) ([58317ae](https://github.com/Esri/calcite-design-system/commit/58317ae6803a3a1716cabeaeac2061fa533a6bad)) +- **date-picker:** Make component responsive ([#7872](https://github.com/Esri/calcite-design-system/issues/7872)) ([f131218](https://github.com/Esri/calcite-design-system/commit/f131218a01df6a4be8be3805cd172db0120954e1)) +- **input, input-date-picker, input-number, input-text, input-time-picker:** Truncate value and placeholder when input is narrow ([#8160](https://github.com/Esri/calcite-design-system/issues/8160)) ([533eff3](https://github.com/Esri/calcite-design-system/commit/533eff3874920d7727b4fb7525e81a8e95d7a5ef)) +- **list-item:** Add content-bottom slot for placing content below the label and description of the component ([#8183](https://github.com/Esri/calcite-design-system/issues/8183)) ([7d400fb](https://github.com/Esri/calcite-design-system/commit/7d400fb09b08a54cdc2e8b435bf11c95ff06aa32)) +- **list:** Specify the element types in the `calciteListOrderChange` event detail. ([#8123](https://github.com/Esri/calcite-design-system/issues/8123)) ([3e81d7e](https://github.com/Esri/calcite-design-system/commit/3e81d7e672dde72c2cec163f8dc126a59804f517)) +- **pagination:** Introduce responsive design for xxsmall breakpoint ([#8150](https://github.com/Esri/calcite-design-system/issues/8150)) ([ab20eb0](https://github.com/Esri/calcite-design-system/commit/ab20eb09dd368cec566cbbb386db059a11e33f13)) +- **stepper-item:** Remove support for previousStep and nextStep in messages ([#8222](https://github.com/Esri/calcite-design-system/issues/8222)) ([213b31d](https://github.com/Esri/calcite-design-system/commit/213b31da55424e6f7a29a6d58875200fe853c9f9)) +- **stepper:** Enable responsive layout ([#7744](https://github.com/Esri/calcite-design-system/issues/7744)) ([687ca2b](https://github.com/Esri/calcite-design-system/commit/687ca2b04ed072fae15405c5ce1631adc190b449)) + +### Bug Fixes + +- **accordion-item:** Update expanded chevron color ([#8087](https://github.com/Esri/calcite-design-system/issues/8087)) ([d3d7688](https://github.com/Esri/calcite-design-system/commit/d3d7688bbb5ed2e58d1e0c5a06f9165e9fb73988)) +- **action:** Ensure action content is correctly spaced ([#8184](https://github.com/Esri/calcite-design-system/issues/8184)) ([b18dcc8](https://github.com/Esri/calcite-design-system/commit/b18dcc84f739ea24917df45aa2c8c11b2f2d11f1)) +- **action:** Update transparent action styles ([#8194](https://github.com/Esri/calcite-design-system/issues/8194)) ([0f12489](https://github.com/Esri/calcite-design-system/commit/0f12489f8085557a3302f3b7dbc0152565770265)) +- **block-section:** Wraps long text over to a new line when toggle switch is displayed ([#8101](https://github.com/Esri/calcite-design-system/issues/8101)) ([3f90780](https://github.com/Esri/calcite-design-system/commit/3f90780a128f934481085c403a76d12174f6aa83)) +- **checkbox:** Make label property public ([#8181](https://github.com/Esri/calcite-design-system/issues/8181)) ([d3b9c1f](https://github.com/Esri/calcite-design-system/commit/d3b9c1fb9fc50cfd5d49ff43ee3994aba914d71e)) +- **combobox-item:** Hide disabled item icon ([#8095](https://github.com/Esri/calcite-design-system/issues/8095)) ([36552f3](https://github.com/Esri/calcite-design-system/commit/36552f309f250acb01a76b8cfa97f9813b7c22a4)) +- **input-date-picker:** Fix date-picker wrapper displaying beyond its bounds ([#8172](https://github.com/Esri/calcite-design-system/issues/8172)) ([01ec024](https://github.com/Esri/calcite-design-system/commit/01ec024e981f0a2e8865b3a43f78ae91efc4b6b3)) +- **input-number:** Prevents mutating value on blur ([#8226](https://github.com/Esri/calcite-design-system/issues/8226)) ([b89a893](https://github.com/Esri/calcite-design-system/commit/b89a8934855bfbd15376377cf6778bd8fe25d9dd)) +- **input-time-zone:** Fix Indian/Christmas time zone translation ([#8096](https://github.com/Esri/calcite-design-system/issues/8096)) ([d79d591](https://github.com/Esri/calcite-design-system/commit/d79d59162125ebce70d7a4e1351b34fc6aac68ed)) +- **list-item, stack:** Stretch action-menu and handle when placed inside a list-item or stack. ([#8185](https://github.com/Esri/calcite-design-system/issues/8185)) ([8a16a69](https://github.com/Esri/calcite-design-system/commit/8a16a69caff33fa3d504f87343db9d7ffdf955ad)) +- **list-item, stack:** Stretch dropdown when placed inside a list-item or stack ([#8204](https://github.com/Esri/calcite-design-system/issues/8204)) ([05e6b65](https://github.com/Esri/calcite-design-system/commit/05e6b651c9b8582975e5185ebb0f4551527abb08)) +- **list-item:** Adds border between grouped and ungrouped list-items ([#8134](https://github.com/Esri/calcite-design-system/issues/8134)) ([b3c331c](https://github.com/Esri/calcite-design-system/commit/b3c331ce779cdd034f3e9792db3825d3fd14393b)) +- **list-item:** Fix rendering of open icon. ([#8207](https://github.com/Esri/calcite-design-system/issues/8207)) ([a6e1766](https://github.com/Esri/calcite-design-system/commit/a6e17663998aeceb55f8321889eded5d23345811)) +- **panel, flow-item:** Remove overflow rule ([#8055](https://github.com/Esri/calcite-design-system/issues/8055)) ([d0c3ed2](https://github.com/Esri/calcite-design-system/commit/d0c3ed2cd675948580bdf44dba3b9c3283db9fc5)) +- **split-button:** Fix width layout ([#8133](https://github.com/Esri/calcite-design-system/issues/8133)) ([051f332](https://github.com/Esri/calcite-design-system/commit/051f33235b302e1f5d41ac8d8e8a52ec0a20b6c2)) ### Dependencies @@ -228,24 +228,24 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Features -- __block:__ Ensure chevron is always displayed ([#8014](https://github.com/Esri/calcite-design-system/issues/8014)) ([95fecb2](https://github.com/Esri/calcite-design-system/commit/95fecb2f83f030576e1313f7c5970cd9b4d40e66)) -- __navigation-logo:__ Adds `icon` and `iconFlipRtl` properties ([#8054](https://github.com/Esri/calcite-design-system/issues/8054)) ([049056d](https://github.com/Esri/calcite-design-system/commit/049056d18ad081abafdbd45d236507ad18b60fc3)) -- __stepper,stepper-item:__ Adds support for built-in translations ([#8002](https://github.com/Esri/calcite-design-system/issues/8002)) ([bb91624](https://github.com/Esri/calcite-design-system/commit/bb9162440c31f6d776f197d29c06a4dafd6b4c2f)) +- **block:** Ensure chevron is always displayed ([#8014](https://github.com/Esri/calcite-design-system/issues/8014)) ([95fecb2](https://github.com/Esri/calcite-design-system/commit/95fecb2f83f030576e1313f7c5970cd9b4d40e66)) +- **navigation-logo:** Adds `icon` and `iconFlipRtl` properties ([#8054](https://github.com/Esri/calcite-design-system/issues/8054)) ([049056d](https://github.com/Esri/calcite-design-system/commit/049056d18ad081abafdbd45d236507ad18b60fc3)) +- **stepper,stepper-item:** Adds support for built-in translations ([#8002](https://github.com/Esri/calcite-design-system/issues/8002)) ([bb91624](https://github.com/Esri/calcite-design-system/commit/bb9162440c31f6d776f197d29c06a4dafd6b4c2f)) ### Bug Fixes -- __button, fab, inline-editable, split-button:__ Prevent redundant opacity when button is both loading and disabled ([#8015](https://github.com/Esri/calcite-design-system/issues/8015)) ([3a1d3fd](https://github.com/Esri/calcite-design-system/commit/3a1d3fd1895a8b1f58d1a45e13c299a85e153583)) -- __combobox:__ Clear custom input value on blur ([#8070](https://github.com/Esri/calcite-design-system/issues/8070)) ([327ff06](https://github.com/Esri/calcite-design-system/commit/327ff06f73a7e0dd5bdf6b09996b4c119e4386ff)) -- __combobox:__ Ensure icon scales are consistent ([#8075](https://github.com/Esri/calcite-design-system/issues/8075)) ([babba3b](https://github.com/Esri/calcite-design-system/commit/babba3bd1d1f5413ccf71cc5fc24c24051682ca5)) -- __filter:__ Corrects the accessible label ([#8069](https://github.com/Esri/calcite-design-system/issues/8069)) ([c203084](https://github.com/Esri/calcite-design-system/commit/c2030843ae465c6d2bfc1f55b9fa856d5f249aef)) +- **button, fab, inline-editable, split-button:** Prevent redundant opacity when button is both loading and disabled ([#8015](https://github.com/Esri/calcite-design-system/issues/8015)) ([3a1d3fd](https://github.com/Esri/calcite-design-system/commit/3a1d3fd1895a8b1f58d1a45e13c299a85e153583)) +- **combobox:** Clear custom input value on blur ([#8070](https://github.com/Esri/calcite-design-system/issues/8070)) ([327ff06](https://github.com/Esri/calcite-design-system/commit/327ff06f73a7e0dd5bdf6b09996b4c119e4386ff)) +- **combobox:** Ensure icon scales are consistent ([#8075](https://github.com/Esri/calcite-design-system/issues/8075)) ([babba3b](https://github.com/Esri/calcite-design-system/commit/babba3bd1d1f5413ccf71cc5fc24c24051682ca5)) +- **filter:** Corrects the accessible label ([#8069](https://github.com/Esri/calcite-design-system/issues/8069)) ([c203084](https://github.com/Esri/calcite-design-system/commit/c2030843ae465c6d2bfc1f55b9fa856d5f249aef)) - Floating components will now get an initial position even if they are not opened ([#8001](https://github.com/Esri/calcite-design-system/issues/8001)) ([78b680d](https://github.com/Esri/calcite-design-system/commit/78b680d444f37e21c735e94eceb03678418c9745)) -- __icon:__ Use pixel sizes for icons ([#8009](https://github.com/Esri/calcite-design-system/issues/8009)) ([49085d5](https://github.com/Esri/calcite-design-system/commit/49085d5f1beb0897a21745f2880519391ba2be81)) -- __input-date-picker, input-time-picker:__ Adjust chevron scale accordingly ([#8012](https://github.com/Esri/calcite-design-system/issues/8012)) ([f894f80](https://github.com/Esri/calcite-design-system/commit/f894f802d7cc5aee40a486c2efabe8563e8d1dcd)) -- __input-time-zone:__ Fix city translations ([#8058](https://github.com/Esri/calcite-design-system/issues/8058)) ([7df7e1f](https://github.com/Esri/calcite-design-system/commit/7df7e1f3af7a1f1616980c1f8e1c0ee1cc0c81af)) -- __list-item:__ Restore tabbability when an item's disabled prop is toggled ([#8042](https://github.com/Esri/calcite-design-system/issues/8042)) ([c970603](https://github.com/Esri/calcite-design-system/commit/c970603ad18b31a074cdf91346af28592b8da53a)) -- __pagination:__ Prevents console error when page-size is set to zero ([#8017](https://github.com/Esri/calcite-design-system/issues/8017)) ([d09d485](https://github.com/Esri/calcite-design-system/commit/d09d48525ef8ea69ca5bc0bcac678ba559bc2cdb)) -- __segmented-control-item:__ Fix text color contrast ([#8036](https://github.com/Esri/calcite-design-system/issues/8036)) ([ede8c43](https://github.com/Esri/calcite-design-system/commit/ede8c437e95ed2370cb485168ed8e6eedf0e9717)) -- __stepper:__ Selects next enabled stepper-item when first one is disabled ([#8004](https://github.com/Esri/calcite-design-system/issues/8004)) ([e0ed54e](https://github.com/Esri/calcite-design-system/commit/e0ed54e0b067426538c9d4b03552f8936738a1a8)) +- **icon:** Use pixel sizes for icons ([#8009](https://github.com/Esri/calcite-design-system/issues/8009)) ([49085d5](https://github.com/Esri/calcite-design-system/commit/49085d5f1beb0897a21745f2880519391ba2be81)) +- **input-date-picker, input-time-picker:** Adjust chevron scale accordingly ([#8012](https://github.com/Esri/calcite-design-system/issues/8012)) ([f894f80](https://github.com/Esri/calcite-design-system/commit/f894f802d7cc5aee40a486c2efabe8563e8d1dcd)) +- **input-time-zone:** Fix city translations ([#8058](https://github.com/Esri/calcite-design-system/issues/8058)) ([7df7e1f](https://github.com/Esri/calcite-design-system/commit/7df7e1f3af7a1f1616980c1f8e1c0ee1cc0c81af)) +- **list-item:** Restore tabbability when an item's disabled prop is toggled ([#8042](https://github.com/Esri/calcite-design-system/issues/8042)) ([c970603](https://github.com/Esri/calcite-design-system/commit/c970603ad18b31a074cdf91346af28592b8da53a)) +- **pagination:** Prevents console error when page-size is set to zero ([#8017](https://github.com/Esri/calcite-design-system/issues/8017)) ([d09d485](https://github.com/Esri/calcite-design-system/commit/d09d48525ef8ea69ca5bc0bcac678ba559bc2cdb)) +- **segmented-control-item:** Fix text color contrast ([#8036](https://github.com/Esri/calcite-design-system/issues/8036)) ([ede8c43](https://github.com/Esri/calcite-design-system/commit/ede8c437e95ed2370cb485168ed8e6eedf0e9717)) +- **stepper:** Selects next enabled stepper-item when first one is disabled ([#8004](https://github.com/Esri/calcite-design-system/issues/8004)) ([e0ed54e](https://github.com/Esri/calcite-design-system/commit/e0ed54e0b067426538c9d4b03552f8936738a1a8)) ### Dependencies @@ -257,273 +257,273 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Bug Fixes -- __flow-item:__ Update collapsed property when collapse button is clicked ([#7960](https://github.com/Esri/calcite-design-system/issues/7960)) ([f6fd55f](https://github.com/Esri/calcite-design-system/commit/f6fd55fd2b387ec6f0ecfceaa84a4cc13182c8bd)) -- __input-time-zone:__ Allow searching offsets by Etc/x time zone ([#7978](https://github.com/Esri/calcite-design-system/issues/7978)) ([2c34b42](https://github.com/Esri/calcite-design-system/commit/2c34b4289b897529f351a17a0c00063cf40769b5)) -- __input-time-zone:__ Fix error caused by time zone group filtering ([#7971](https://github.com/Esri/calcite-design-system/issues/7971)) ([521673e](https://github.com/Esri/calcite-design-system/commit/521673ece5058373cc672005d8eac2502ce20cbc)) -- __table:__ Improve scrollbar display ([#7967](https://github.com/Esri/calcite-design-system/issues/7967)) ([593a1bf](https://github.com/Esri/calcite-design-system/commit/593a1bfc5bb6706e4001403c68f220a05e3d1c5d)) +- **flow-item:** Update collapsed property when collapse button is clicked ([#7960](https://github.com/Esri/calcite-design-system/issues/7960)) ([f6fd55f](https://github.com/Esri/calcite-design-system/commit/f6fd55fd2b387ec6f0ecfceaa84a4cc13182c8bd)) +- **input-time-zone:** Allow searching offsets by Etc/x time zone ([#7978](https://github.com/Esri/calcite-design-system/issues/7978)) ([2c34b42](https://github.com/Esri/calcite-design-system/commit/2c34b4289b897529f351a17a0c00063cf40769b5)) +- **input-time-zone:** Fix error caused by time zone group filtering ([#7971](https://github.com/Esri/calcite-design-system/issues/7971)) ([521673e](https://github.com/Esri/calcite-design-system/commit/521673ece5058373cc672005d8eac2502ce20cbc)) +- **table:** Improve scrollbar display ([#7967](https://github.com/Esri/calcite-design-system/issues/7967)) ([593a1bf](https://github.com/Esri/calcite-design-system/commit/593a1bfc5bb6706e4001403c68f220a05e3d1c5d)) ## [1.9.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.9.0...@esri/calcite-components@1.9.1) (2023-10-05) ### Bug Fixes -- __combobox:__ Fix issue causing value to be cleared when selecting an item (Windows + trackpad) ([#7954](https://github.com/Esri/calcite-design-system/issues/7954)) ([557d658](https://github.com/Esri/calcite-design-system/commit/557d65862d5fbf5b3ae9447e44d78604af525892)) -- __input-time-zone:__ Fix handling of unknown and cityless time zones from offset display mode ([#7947](https://github.com/Esri/calcite-design-system/issues/7947)) ([75e0302](https://github.com/Esri/calcite-design-system/commit/75e0302d9f02ce07c26c6aa9853536a2918b9d48)) -- __panel:__ Fix collapse action title and reverse icon direction ([#7927](https://github.com/Esri/calcite-design-system/issues/7927)) ([5f620f8](https://github.com/Esri/calcite-design-system/commit/5f620f8541d6b7a9518fd8d3c5d1558420d25966)) +- **combobox:** Fix issue causing value to be cleared when selecting an item (Windows + trackpad) ([#7954](https://github.com/Esri/calcite-design-system/issues/7954)) ([557d658](https://github.com/Esri/calcite-design-system/commit/557d65862d5fbf5b3ae9447e44d78604af525892)) +- **input-time-zone:** Fix handling of unknown and cityless time zones from offset display mode ([#7947](https://github.com/Esri/calcite-design-system/issues/7947)) ([75e0302](https://github.com/Esri/calcite-design-system/commit/75e0302d9f02ce07c26c6aa9853536a2918b9d48)) +- **panel:** Fix collapse action title and reverse icon direction ([#7927](https://github.com/Esri/calcite-design-system/issues/7927)) ([5f620f8](https://github.com/Esri/calcite-design-system/commit/5f620f8541d6b7a9518fd8d3c5d1558420d25966)) ## [1.9.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.8.0...@esri/calcite-components@1.9.0) (2023-10-03) ### Features -- __action-group:__ Add css custom properties to define gap and padding when layout is "grid" ([#7763](https://github.com/Esri/calcite-design-system/issues/7763)) ([b9bd0de](https://github.com/Esri/calcite-design-system/commit/b9bd0de074e3c064c2d9a862b455295b54f85424)) -- __action-menu:__ Add appearance property to configure trigger appearance ([#7867](https://github.com/Esri/calcite-design-system/issues/7867)) ([36ceaf1](https://github.com/Esri/calcite-design-system/commit/36ceaf11c5d38f6ed48e051534cfd2783604cdd3)) -- __alert:__ Make component responsive ([#7755](https://github.com/Esri/calcite-design-system/issues/7755)) ([66222b5](https://github.com/Esri/calcite-design-system/commit/66222b55561ea505233905fba1dd9f48f03bd027)) -- __block, input-time-picker, notice:__ Adds `open`, `close`, `beforeOpen`, and `beforeClose` events for consistent event handling ([#7494](https://github.com/Esri/calcite-design-system/issues/7494)) ([04ce758](https://github.com/Esri/calcite-design-system/commit/04ce758f46d8fb7bc4b8f4004848011ac80b0444)) -- __checkbox:__ Add WCAG AA recommended minimum 24px square hotspot optimized for touch users ([#7773](https://github.com/Esri/calcite-design-system/issues/7773)) ([f13e2c4](https://github.com/Esri/calcite-design-system/commit/f13e2c4b901f84f296612817b79a9fd49cdbc18a)) -- __flow, flow-item:__ Allow calciteFlowItemBack event to be cancelled ([#7855](https://github.com/Esri/calcite-design-system/issues/7855)) ([b74b4df](https://github.com/Esri/calcite-design-system/commit/b74b4dffd72c5bed11d6964ad4bc779b1d40665f)) -- __input-date-picker, input-time-picker:__ Add status property ([#7915](https://github.com/Esri/calcite-design-system/issues/7915)) ([4d53346](https://github.com/Esri/calcite-design-system/commit/4d53346c8048599d07bc7c078d7fa6654e147ce7)) -- __input-time-zone:__ Add max-items support ([#7705](https://github.com/Esri/calcite-design-system/issues/7705)) ([c698c27](https://github.com/Esri/calcite-design-system/commit/c698c278e591b9456e542ab414185d6f532008dd)) -- __input-time-zone:__ Add time zone offset and name mode ([#7913](https://github.com/Esri/calcite-design-system/issues/7913)) ([80bd6ae](https://github.com/Esri/calcite-design-system/commit/80bd6ae2eb9eb879de701f7f49e8ce975b0ba5bd)) -- __list:__ Add newIndex and oldIndex event details to calciteListOrderChange event ([#7874](https://github.com/Esri/calcite-design-system/issues/7874)) ([0d5cc20](https://github.com/Esri/calcite-design-system/commit/0d5cc20c72d429287d20cb3530a2305e5fcf7ab1)) -- __pagination:__ Enable responsive layout ([#7722](https://github.com/Esri/calcite-design-system/issues/7722)) ([933a910](https://github.com/Esri/calcite-design-system/commit/933a910ec78d5dce957851d83b85c5d25e220223)) -- __panel, flow-item:__ Add support for collapsing content ([#7857](https://github.com/Esri/calcite-design-system/issues/7857)) ([855754d](https://github.com/Esri/calcite-design-system/commit/855754d1dcaafabf5ff132183c6cd0c92e5a2d49)) - -### Bug Fixes - -- __action-bar:__ Improve overflowing horizontal actions. ([#7877](https://github.com/Esri/calcite-design-system/issues/7877)) ([52f2d2a](https://github.com/Esri/calcite-design-system/commit/52f2d2ab1d4ef1a072098ab895c720c09862f8a9)) -- __action-bar:__ Overflow actions when overflowActionsDisabled is set to false ([#7873](https://github.com/Esri/calcite-design-system/issues/7873)) ([3dcceb0](https://github.com/Esri/calcite-design-system/commit/3dcceb00baa5545f279f7f98141f408def8421c4)) -- __action-menu:__ Update active selection to not use the action's active property ([#7911](https://github.com/Esri/calcite-design-system/issues/7911)) ([50f85f1](https://github.com/Esri/calcite-design-system/commit/50f85f157e372ef0db35051c3436d4b9989cd78e)) -- __alert:__ Regression fix to restore `calciteAlertBeforeOpen` and `calciteAlertOpen` event emitting ([#7767](https://github.com/Esri/calcite-design-system/issues/7767)) ([6bbae35](https://github.com/Esri/calcite-design-system/commit/6bbae35436beb8329da1a53a7dcd408c63d529b4)) -- __button:__ Provides context for AT users when used as reference element for collapsible content ([#7658](https://github.com/Esri/calcite-design-system/issues/7658)) ([50cb3a6](https://github.com/Esri/calcite-design-system/commit/50cb3a604263316ae0021486dc6afca1fe0f9a02)) -- __combobox:__ Clears input value on blur ([#7721](https://github.com/Esri/calcite-design-system/issues/7721)) ([e04cc4e](https://github.com/Esri/calcite-design-system/commit/e04cc4e1015b4c4d335b243fa4e689b5451f3089)) -- __combobox:__ Fix filtering to avoid showing unrelated items ([#7704](https://github.com/Esri/calcite-design-system/issues/7704)) ([b6d32f3](https://github.com/Esri/calcite-design-system/commit/b6d32f30a26f0dca784052c9a478f89c3c47a28a)) -- __dropdown-group:__ Set selectionMode on slotted dropdown-item children ([#7897](https://github.com/Esri/calcite-design-system/issues/7897)) ([aa0731a](https://github.com/Esri/calcite-design-system/commit/aa0731a10eda31af4e4621640a5b375037f2e43a)) -- __dropdown:__ Support dispatching enter key event on dropdown trigger ([#7752](https://github.com/Esri/calcite-design-system/issues/7752)) ([ba92463](https://github.com/Esri/calcite-design-system/commit/ba92463b5221e4e10967be9560e8be59024d2d1c)) -- __select:__ Allow setting an option value to an empty string ([#7769](https://github.com/Esri/calcite-design-system/issues/7769)) ([adca6ec](https://github.com/Esri/calcite-design-system/commit/adca6ecc3417cb31b97a4f6bc5fe51e3b2e61997)) -- __stepper:__ Improves AT Users experience with screen readers ([#7691](https://github.com/Esri/calcite-design-system/issues/7691)) ([071dec7](https://github.com/Esri/calcite-design-system/commit/071dec714da68da89a4679d7ee4f75c0912b0e1c)) -- __tab-nav:__ Update indicator position when tab icon changes ([#7768](https://github.com/Esri/calcite-design-system/issues/7768)) ([cb877b3](https://github.com/Esri/calcite-design-system/commit/cb877b33a1209de9b7b499e1efc7c888f61b57a9)) -- __table:__ Fix selection display in RTL ([#7907](https://github.com/Esri/calcite-design-system/issues/7907)) ([b4c8508](https://github.com/Esri/calcite-design-system/commit/b4c850857d506dbf11c872afe25c2963d798db57)) -- __tree:__ Avoid modifying selected items for "none" selection-mode ([#7904](https://github.com/Esri/calcite-design-system/issues/7904)) ([0bd4a12](https://github.com/Esri/calcite-design-system/commit/0bd4a12fc82a5c145bac72a2ea00478a57b7f22f)) -- __tree:__ Fix tree keyboard selection issue ([#7908](https://github.com/Esri/calcite-design-system/issues/7908)) ([53d6c12](https://github.com/Esri/calcite-design-system/commit/53d6c123b9c5861d9ef7330da52e7c89d9d74fe2)) -- __tree:__ Update tree selection per design spec ([#7852](https://github.com/Esri/calcite-design-system/issues/7852)) ([06b3594](https://github.com/Esri/calcite-design-system/commit/06b359493feb2a978257b6617cce7f4ff62352f3)) +- **action-group:** Add css custom properties to define gap and padding when layout is "grid" ([#7763](https://github.com/Esri/calcite-design-system/issues/7763)) ([b9bd0de](https://github.com/Esri/calcite-design-system/commit/b9bd0de074e3c064c2d9a862b455295b54f85424)) +- **action-menu:** Add appearance property to configure trigger appearance ([#7867](https://github.com/Esri/calcite-design-system/issues/7867)) ([36ceaf1](https://github.com/Esri/calcite-design-system/commit/36ceaf11c5d38f6ed48e051534cfd2783604cdd3)) +- **alert:** Make component responsive ([#7755](https://github.com/Esri/calcite-design-system/issues/7755)) ([66222b5](https://github.com/Esri/calcite-design-system/commit/66222b55561ea505233905fba1dd9f48f03bd027)) +- **block, input-time-picker, notice:** Adds `open`, `close`, `beforeOpen`, and `beforeClose` events for consistent event handling ([#7494](https://github.com/Esri/calcite-design-system/issues/7494)) ([04ce758](https://github.com/Esri/calcite-design-system/commit/04ce758f46d8fb7bc4b8f4004848011ac80b0444)) +- **checkbox:** Add WCAG AA recommended minimum 24px square hotspot optimized for touch users ([#7773](https://github.com/Esri/calcite-design-system/issues/7773)) ([f13e2c4](https://github.com/Esri/calcite-design-system/commit/f13e2c4b901f84f296612817b79a9fd49cdbc18a)) +- **flow, flow-item:** Allow calciteFlowItemBack event to be cancelled ([#7855](https://github.com/Esri/calcite-design-system/issues/7855)) ([b74b4df](https://github.com/Esri/calcite-design-system/commit/b74b4dffd72c5bed11d6964ad4bc779b1d40665f)) +- **input-date-picker, input-time-picker:** Add status property ([#7915](https://github.com/Esri/calcite-design-system/issues/7915)) ([4d53346](https://github.com/Esri/calcite-design-system/commit/4d53346c8048599d07bc7c078d7fa6654e147ce7)) +- **input-time-zone:** Add max-items support ([#7705](https://github.com/Esri/calcite-design-system/issues/7705)) ([c698c27](https://github.com/Esri/calcite-design-system/commit/c698c278e591b9456e542ab414185d6f532008dd)) +- **input-time-zone:** Add time zone offset and name mode ([#7913](https://github.com/Esri/calcite-design-system/issues/7913)) ([80bd6ae](https://github.com/Esri/calcite-design-system/commit/80bd6ae2eb9eb879de701f7f49e8ce975b0ba5bd)) +- **list:** Add newIndex and oldIndex event details to calciteListOrderChange event ([#7874](https://github.com/Esri/calcite-design-system/issues/7874)) ([0d5cc20](https://github.com/Esri/calcite-design-system/commit/0d5cc20c72d429287d20cb3530a2305e5fcf7ab1)) +- **pagination:** Enable responsive layout ([#7722](https://github.com/Esri/calcite-design-system/issues/7722)) ([933a910](https://github.com/Esri/calcite-design-system/commit/933a910ec78d5dce957851d83b85c5d25e220223)) +- **panel, flow-item:** Add support for collapsing content ([#7857](https://github.com/Esri/calcite-design-system/issues/7857)) ([855754d](https://github.com/Esri/calcite-design-system/commit/855754d1dcaafabf5ff132183c6cd0c92e5a2d49)) + +### Bug Fixes + +- **action-bar:** Improve overflowing horizontal actions. ([#7877](https://github.com/Esri/calcite-design-system/issues/7877)) ([52f2d2a](https://github.com/Esri/calcite-design-system/commit/52f2d2ab1d4ef1a072098ab895c720c09862f8a9)) +- **action-bar:** Overflow actions when overflowActionsDisabled is set to false ([#7873](https://github.com/Esri/calcite-design-system/issues/7873)) ([3dcceb0](https://github.com/Esri/calcite-design-system/commit/3dcceb00baa5545f279f7f98141f408def8421c4)) +- **action-menu:** Update active selection to not use the action's active property ([#7911](https://github.com/Esri/calcite-design-system/issues/7911)) ([50f85f1](https://github.com/Esri/calcite-design-system/commit/50f85f157e372ef0db35051c3436d4b9989cd78e)) +- **alert:** Regression fix to restore `calciteAlertBeforeOpen` and `calciteAlertOpen` event emitting ([#7767](https://github.com/Esri/calcite-design-system/issues/7767)) ([6bbae35](https://github.com/Esri/calcite-design-system/commit/6bbae35436beb8329da1a53a7dcd408c63d529b4)) +- **button:** Provides context for AT users when used as reference element for collapsible content ([#7658](https://github.com/Esri/calcite-design-system/issues/7658)) ([50cb3a6](https://github.com/Esri/calcite-design-system/commit/50cb3a604263316ae0021486dc6afca1fe0f9a02)) +- **combobox:** Clears input value on blur ([#7721](https://github.com/Esri/calcite-design-system/issues/7721)) ([e04cc4e](https://github.com/Esri/calcite-design-system/commit/e04cc4e1015b4c4d335b243fa4e689b5451f3089)) +- **combobox:** Fix filtering to avoid showing unrelated items ([#7704](https://github.com/Esri/calcite-design-system/issues/7704)) ([b6d32f3](https://github.com/Esri/calcite-design-system/commit/b6d32f30a26f0dca784052c9a478f89c3c47a28a)) +- **dropdown-group:** Set selectionMode on slotted dropdown-item children ([#7897](https://github.com/Esri/calcite-design-system/issues/7897)) ([aa0731a](https://github.com/Esri/calcite-design-system/commit/aa0731a10eda31af4e4621640a5b375037f2e43a)) +- **dropdown:** Support dispatching enter key event on dropdown trigger ([#7752](https://github.com/Esri/calcite-design-system/issues/7752)) ([ba92463](https://github.com/Esri/calcite-design-system/commit/ba92463b5221e4e10967be9560e8be59024d2d1c)) +- **select:** Allow setting an option value to an empty string ([#7769](https://github.com/Esri/calcite-design-system/issues/7769)) ([adca6ec](https://github.com/Esri/calcite-design-system/commit/adca6ecc3417cb31b97a4f6bc5fe51e3b2e61997)) +- **stepper:** Improves AT Users experience with screen readers ([#7691](https://github.com/Esri/calcite-design-system/issues/7691)) ([071dec7](https://github.com/Esri/calcite-design-system/commit/071dec714da68da89a4679d7ee4f75c0912b0e1c)) +- **tab-nav:** Update indicator position when tab icon changes ([#7768](https://github.com/Esri/calcite-design-system/issues/7768)) ([cb877b3](https://github.com/Esri/calcite-design-system/commit/cb877b33a1209de9b7b499e1efc7c888f61b57a9)) +- **table:** Fix selection display in RTL ([#7907](https://github.com/Esri/calcite-design-system/issues/7907)) ([b4c8508](https://github.com/Esri/calcite-design-system/commit/b4c850857d506dbf11c872afe25c2963d798db57)) +- **tree:** Avoid modifying selected items for "none" selection-mode ([#7904](https://github.com/Esri/calcite-design-system/issues/7904)) ([0bd4a12](https://github.com/Esri/calcite-design-system/commit/0bd4a12fc82a5c145bac72a2ea00478a57b7f22f)) +- **tree:** Fix tree keyboard selection issue ([#7908](https://github.com/Esri/calcite-design-system/issues/7908)) ([53d6c12](https://github.com/Esri/calcite-design-system/commit/53d6c123b9c5861d9ef7330da52e7c89d9d74fe2)) +- **tree:** Update tree selection per design spec ([#7852](https://github.com/Esri/calcite-design-system/issues/7852)) ([06b3594](https://github.com/Esri/calcite-design-system/commit/06b359493feb2a978257b6617cce7f4ff62352f3)) ## [1.8.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.7.0...@esri/calcite-components@1.8.0) (2023-09-06) ### Features -- __flow:__ Split up custom flow item interfaces ([#7666](https://github.com/Esri/calcite-design-system/issues/7666)) ([6c22e7c](https://github.com/Esri/calcite-design-system/commit/6c22e7c60525385550ecd76a19abfe58f729f5bf)) +- **flow:** Split up custom flow item interfaces ([#7666](https://github.com/Esri/calcite-design-system/issues/7666)) ([6c22e7c](https://github.com/Esri/calcite-design-system/commit/6c22e7c60525385550ecd76a19abfe58f729f5bf)) ### Bug Fixes -- __action-group:__ Honor flex-grow on slotted actions ([#7690](https://github.com/Esri/calcite-design-system/issues/7690)) ([0777234](https://github.com/Esri/calcite-design-system/commit/0777234511cfaf3deead780269f7e8ac57ad91fa)) -- __block:__ Provide textual name on collapse and expansion to AT ([#7652](https://github.com/Esri/calcite-design-system/issues/7652)) ([85bd71b](https://github.com/Esri/calcite-design-system/commit/85bd71b4065dff86e4ebeceb0b6b26f9607b15f6)) -- __input-date-picker:__ Apply default numbering system to avoid browser inferring from locale ([#7682](https://github.com/Esri/calcite-design-system/issues/7682)) ([3e1ed2d](https://github.com/Esri/calcite-design-system/commit/3e1ed2dedeea09a6118e2f639201f5861dd492fd)) -- __input-time-zone:__ Prevent items from being deselected ([#7661](https://github.com/Esri/calcite-design-system/issues/7661)) ([c2dd436](https://github.com/Esri/calcite-design-system/commit/c2dd4368c2707dcfdfeafb85d80e2f48706e0354)) -- __list-item:__ Do not call preventDefault on enter key within slotted actions ([#7684](https://github.com/Esri/calcite-design-system/issues/7684)) ([c3261f0](https://github.com/Esri/calcite-design-system/commit/c3261f00f9a65f31f09e61f8b5c0c1ba24d5dae2)) -- __list:__ Remove unnecessary z-index ([#7678](https://github.com/Esri/calcite-design-system/issues/7678)) ([1f4cd97](https://github.com/Esri/calcite-design-system/commit/1f4cd978faf0415f9bc7319f557835ea206fbcb9)) -- __modal:__ CalciteModalClose should emit on close button click ([#7680](https://github.com/Esri/calcite-design-system/issues/7680)) ([796bf90](https://github.com/Esri/calcite-design-system/commit/796bf90cacd68595a108f39e2a66bcc5d71de0e9)) -- __sheet:__ CalciteSheetClose should emit on scrim click ([#7685](https://github.com/Esri/calcite-design-system/issues/7685)) ([6ae963e](https://github.com/Esri/calcite-design-system/commit/6ae963ede66845802c0fa79f42e5ccf234d98246)) -- __sheet:__ Update shadow style in display-mode="float" ([#7664](https://github.com/Esri/calcite-design-system/issues/7664)) ([851bedb](https://github.com/Esri/calcite-design-system/commit/851bedb7ddd4d49ac1f05cced67549a799eb4903)) -- __table:__ Allow wrapping text in table-header and table-cell ([#7665](https://github.com/Esri/calcite-design-system/issues/7665)) ([15cb2bf](https://github.com/Esri/calcite-design-system/commit/15cb2bf10a303ffb209c20979ecd202ea146df7b)) -- __time-picker:__ Focus corresponding input when nudge buttons are clicked ([#7650](https://github.com/Esri/calcite-design-system/issues/7650)) ([9c7d846](https://github.com/Esri/calcite-design-system/commit/9c7d846fc376cc50726dc6662b99afe466021a54)) +- **action-group:** Honor flex-grow on slotted actions ([#7690](https://github.com/Esri/calcite-design-system/issues/7690)) ([0777234](https://github.com/Esri/calcite-design-system/commit/0777234511cfaf3deead780269f7e8ac57ad91fa)) +- **block:** Provide textual name on collapse and expansion to AT ([#7652](https://github.com/Esri/calcite-design-system/issues/7652)) ([85bd71b](https://github.com/Esri/calcite-design-system/commit/85bd71b4065dff86e4ebeceb0b6b26f9607b15f6)) +- **input-date-picker:** Apply default numbering system to avoid browser inferring from locale ([#7682](https://github.com/Esri/calcite-design-system/issues/7682)) ([3e1ed2d](https://github.com/Esri/calcite-design-system/commit/3e1ed2dedeea09a6118e2f639201f5861dd492fd)) +- **input-time-zone:** Prevent items from being deselected ([#7661](https://github.com/Esri/calcite-design-system/issues/7661)) ([c2dd436](https://github.com/Esri/calcite-design-system/commit/c2dd4368c2707dcfdfeafb85d80e2f48706e0354)) +- **list-item:** Do not call preventDefault on enter key within slotted actions ([#7684](https://github.com/Esri/calcite-design-system/issues/7684)) ([c3261f0](https://github.com/Esri/calcite-design-system/commit/c3261f00f9a65f31f09e61f8b5c0c1ba24d5dae2)) +- **list:** Remove unnecessary z-index ([#7678](https://github.com/Esri/calcite-design-system/issues/7678)) ([1f4cd97](https://github.com/Esri/calcite-design-system/commit/1f4cd978faf0415f9bc7319f557835ea206fbcb9)) +- **modal:** CalciteModalClose should emit on close button click ([#7680](https://github.com/Esri/calcite-design-system/issues/7680)) ([796bf90](https://github.com/Esri/calcite-design-system/commit/796bf90cacd68595a108f39e2a66bcc5d71de0e9)) +- **sheet:** CalciteSheetClose should emit on scrim click ([#7685](https://github.com/Esri/calcite-design-system/issues/7685)) ([6ae963e](https://github.com/Esri/calcite-design-system/commit/6ae963ede66845802c0fa79f42e5ccf234d98246)) +- **sheet:** Update shadow style in display-mode="float" ([#7664](https://github.com/Esri/calcite-design-system/issues/7664)) ([851bedb](https://github.com/Esri/calcite-design-system/commit/851bedb7ddd4d49ac1f05cced67549a799eb4903)) +- **table:** Allow wrapping text in table-header and table-cell ([#7665](https://github.com/Esri/calcite-design-system/issues/7665)) ([15cb2bf](https://github.com/Esri/calcite-design-system/commit/15cb2bf10a303ffb209c20979ecd202ea146df7b)) +- **time-picker:** Focus corresponding input when nudge buttons are clicked ([#7650](https://github.com/Esri/calcite-design-system/issues/7650)) ([9c7d846](https://github.com/Esri/calcite-design-system/commit/9c7d846fc376cc50726dc6662b99afe466021a54)) ## [1.7.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.6.1...@esri/calcite-components@1.7.0) (2023-09-01) ### Features -- __action-bar, action-pad, action-group:__ Add label properties for group context ([#7415](https://github.com/Esri/calcite-design-system/issues/7415)) ([b34f36d](https://github.com/Esri/calcite-design-system/commit/b34f36d53b80011e7e946cfe30d1d85d3857d12a)) -- __combobox:__ Add single-persist selection mode ([#7583](https://github.com/Esri/calcite-design-system/issues/7583)) ([dab06a3](https://github.com/Esri/calcite-design-system/commit/dab06a3596a54165e15d57591d0a463aac96f33a)) -- __flow:__ Add support for custom flow-item elements ([#7608](https://github.com/Esri/calcite-design-system/issues/7608)) ([197adfe](https://github.com/Esri/calcite-design-system/commit/197adfe763491d728521d4265bc9b2c413be66c9)) -- __input-date-picker:__ Normalize year to current century for user typed values only ([#7638](https://github.com/Esri/calcite-design-system/issues/7638)) ([a1db718](https://github.com/Esri/calcite-design-system/commit/a1db718f7f53b766154a3f12e5859de65eeae617)) -- __input-number:__ Add integer property ([#7646](https://github.com/Esri/calcite-design-system/issues/7646)) ([cd66a6d](https://github.com/Esri/calcite-design-system/commit/cd66a6dfa1179c656efbb149359d13a2e1ab2dd9)) -- __input-time-picker:__ Support fractional seconds ([#7532](https://github.com/Esri/calcite-design-system/issues/7532)) ([c2bf34b](https://github.com/Esri/calcite-design-system/commit/c2bf34b69c6c199c4709774b2d80b71d3b2f9b9e)) -- __meter:__ Add Meter component ([#7401](https://github.com/Esri/calcite-design-system/issues/7401)) ([47163ed](https://github.com/Esri/calcite-design-system/commit/47163ed4ba9b7a5b318fd184e470c6ffa4d1600b)) -- __sheet:__ Add Sheet component ([#7561](https://github.com/Esri/calcite-design-system/issues/7561)) ([f12a393](https://github.com/Esri/calcite-design-system/commit/f12a39347338f12f98d843f9be3e493d0267890d)) -- __sheet:__ Update default widths ([#7617](https://github.com/Esri/calcite-design-system/issues/7617)) ([47d2c0b](https://github.com/Esri/calcite-design-system/commit/47d2c0b88489ff8c1ea1296d5ace68aa0dc9a94e)) -- __shell:__ Add "Sheets" Slot ([#7579](https://github.com/Esri/calcite-design-system/issues/7579)) ([e798765](https://github.com/Esri/calcite-design-system/commit/e7987655fef6abf0ef88d3ccfc4985d509473a81)) -- __table:__ Add Table and related components ([#7607](https://github.com/Esri/calcite-design-system/issues/7607)) ([b067e72](https://github.com/Esri/calcite-design-system/commit/b067e728f999931f234f2b1b07af425c9bb11329)) +- **action-bar, action-pad, action-group:** Add label properties for group context ([#7415](https://github.com/Esri/calcite-design-system/issues/7415)) ([b34f36d](https://github.com/Esri/calcite-design-system/commit/b34f36d53b80011e7e946cfe30d1d85d3857d12a)) +- **combobox:** Add single-persist selection mode ([#7583](https://github.com/Esri/calcite-design-system/issues/7583)) ([dab06a3](https://github.com/Esri/calcite-design-system/commit/dab06a3596a54165e15d57591d0a463aac96f33a)) +- **flow:** Add support for custom flow-item elements ([#7608](https://github.com/Esri/calcite-design-system/issues/7608)) ([197adfe](https://github.com/Esri/calcite-design-system/commit/197adfe763491d728521d4265bc9b2c413be66c9)) +- **input-date-picker:** Normalize year to current century for user typed values only ([#7638](https://github.com/Esri/calcite-design-system/issues/7638)) ([a1db718](https://github.com/Esri/calcite-design-system/commit/a1db718f7f53b766154a3f12e5859de65eeae617)) +- **input-number:** Add integer property ([#7646](https://github.com/Esri/calcite-design-system/issues/7646)) ([cd66a6d](https://github.com/Esri/calcite-design-system/commit/cd66a6dfa1179c656efbb149359d13a2e1ab2dd9)) +- **input-time-picker:** Support fractional seconds ([#7532](https://github.com/Esri/calcite-design-system/issues/7532)) ([c2bf34b](https://github.com/Esri/calcite-design-system/commit/c2bf34b69c6c199c4709774b2d80b71d3b2f9b9e)) +- **meter:** Add Meter component ([#7401](https://github.com/Esri/calcite-design-system/issues/7401)) ([47163ed](https://github.com/Esri/calcite-design-system/commit/47163ed4ba9b7a5b318fd184e470c6ffa4d1600b)) +- **sheet:** Add Sheet component ([#7561](https://github.com/Esri/calcite-design-system/issues/7561)) ([f12a393](https://github.com/Esri/calcite-design-system/commit/f12a39347338f12f98d843f9be3e493d0267890d)) +- **sheet:** Update default widths ([#7617](https://github.com/Esri/calcite-design-system/issues/7617)) ([47d2c0b](https://github.com/Esri/calcite-design-system/commit/47d2c0b88489ff8c1ea1296d5ace68aa0dc9a94e)) +- **shell:** Add "Sheets" Slot ([#7579](https://github.com/Esri/calcite-design-system/issues/7579)) ([e798765](https://github.com/Esri/calcite-design-system/commit/e7987655fef6abf0ef88d3ccfc4985d509473a81)) +- **table:** Add Table and related components ([#7607](https://github.com/Esri/calcite-design-system/issues/7607)) ([b067e72](https://github.com/Esri/calcite-design-system/commit/b067e728f999931f234f2b1b07af425c9bb11329)) ### Bug Fixes -- __accordion, accordion-item:__ Improve a11y ([#7560](https://github.com/Esri/calcite-design-system/issues/7560)) ([b5170b6](https://github.com/Esri/calcite-design-system/commit/b5170b6e9e5b0b0f7aa9f825c799a8cc506095a7)) +- **accordion, accordion-item:** Improve a11y ([#7560](https://github.com/Esri/calcite-design-system/issues/7560)) ([b5170b6](https://github.com/Esri/calcite-design-system/commit/b5170b6e9e5b0b0f7aa9f825c799a8cc506095a7)) - Add drag styles for improved UX ([#7644](https://github.com/Esri/calcite-design-system/issues/7644)) ([afbb764](https://github.com/Esri/calcite-design-system/commit/afbb764be4789254312b2787aa233616a8752f08)) -- __block, block-section:__ Improve a11y ([#7557](https://github.com/Esri/calcite-design-system/issues/7557)) ([1f44f6b](https://github.com/Esri/calcite-design-system/commit/1f44f6b0e05bcaf708015432ef64c8cb660101bd)) -- __chip-group:__ Add existence checks ([#7586](https://github.com/Esri/calcite-design-system/issues/7586)) ([5ca64f1](https://github.com/Esri/calcite-design-system/commit/5ca64f1f920f869053fee24ed2c982f64a0bbb5b)) -- __color-picker:__ Update value when alphaChannel is toggled ([#7563](https://github.com/Esri/calcite-design-system/issues/7563)) ([1f753dd](https://github.com/Esri/calcite-design-system/commit/1f753dd2839ed5f4372b0d7dd2452ae32af4e245)) -- __combobox:__ Prevent deselecting items via keyboard in single-persist mode ([#7634](https://github.com/Esri/calcite-design-system/issues/7634)) ([4f5f8b0](https://github.com/Esri/calcite-design-system/commit/4f5f8b0ff411341ec26eb65053bbd3985b1ebe25)) -- __combobox:__ Update combobox height to follow design spec ([#7558](https://github.com/Esri/calcite-design-system/issues/7558)) ([ec08845](https://github.com/Esri/calcite-design-system/commit/ec088451f2b16f4970c68d552c8d8e7ee441b4be)) -- __date-picker:__ Set start of week to monday in zh-CN ([#7578](https://github.com/Esri/calcite-design-system/issues/7578)) ([7e385cb](https://github.com/Esri/calcite-design-system/commit/7e385cba6984bea34de531927b1ba9407f6a5e05)) -- __dropdown:__ Prevents navigating dropdown items with Tab key ([#7527](https://github.com/Esri/calcite-design-system/issues/7527)) ([3ea658d](https://github.com/Esri/calcite-design-system/commit/3ea658dbe0a234b8489215779bbacc2530b01a01)) +- **block, block-section:** Improve a11y ([#7557](https://github.com/Esri/calcite-design-system/issues/7557)) ([1f44f6b](https://github.com/Esri/calcite-design-system/commit/1f44f6b0e05bcaf708015432ef64c8cb660101bd)) +- **chip-group:** Add existence checks ([#7586](https://github.com/Esri/calcite-design-system/issues/7586)) ([5ca64f1](https://github.com/Esri/calcite-design-system/commit/5ca64f1f920f869053fee24ed2c982f64a0bbb5b)) +- **color-picker:** Update value when alphaChannel is toggled ([#7563](https://github.com/Esri/calcite-design-system/issues/7563)) ([1f753dd](https://github.com/Esri/calcite-design-system/commit/1f753dd2839ed5f4372b0d7dd2452ae32af4e245)) +- **combobox:** Prevent deselecting items via keyboard in single-persist mode ([#7634](https://github.com/Esri/calcite-design-system/issues/7634)) ([4f5f8b0](https://github.com/Esri/calcite-design-system/commit/4f5f8b0ff411341ec26eb65053bbd3985b1ebe25)) +- **combobox:** Update combobox height to follow design spec ([#7558](https://github.com/Esri/calcite-design-system/issues/7558)) ([ec08845](https://github.com/Esri/calcite-design-system/commit/ec088451f2b16f4970c68d552c8d8e7ee441b4be)) +- **date-picker:** Set start of week to monday in zh-CN ([#7578](https://github.com/Esri/calcite-design-system/issues/7578)) ([7e385cb](https://github.com/Esri/calcite-design-system/commit/7e385cba6984bea34de531927b1ba9407f6a5e05)) +- **dropdown:** Prevents navigating dropdown items with Tab key ([#7527](https://github.com/Esri/calcite-design-system/issues/7527)) ([3ea658d](https://github.com/Esri/calcite-design-system/commit/3ea658dbe0a234b8489215779bbacc2530b01a01)) - Ensure label only focuses the first labelable child ([#7553](https://github.com/Esri/calcite-design-system/issues/7553)) ([426159c](https://github.com/Esri/calcite-design-system/commit/426159c7bf34978acd19b52b9a399c6d5eceddbf)) -- __flow:__ Catch error when beforeBack promise is rejected ([#7601](https://github.com/Esri/calcite-design-system/issues/7601)) ([cb70671](https://github.com/Esri/calcite-design-system/commit/cb706711684a91d7f93322ed185d0999387a71d8)) -- __input-date-picker, input-time-picker:__ Do not show dropdown affordance when read-only ([#7559](https://github.com/Esri/calcite-design-system/issues/7559)) ([5a3f19c](https://github.com/Esri/calcite-design-system/commit/5a3f19c13f404b0d6111e41f3204b6afdca437a2)) -- __input, input-number:__ Correctly sanitize numbers when pasting string with 'e' ([#7648](https://github.com/Esri/calcite-design-system/issues/7648)) ([b8bc11c](https://github.com/Esri/calcite-design-system/commit/b8bc11ca529e84b40ed40c0bc3dbfa2f0956a7d3)) -- __list, sortable-list, value-list:__ Emit calciteListOrderChange when dragging between lists ([#7614](https://github.com/Esri/calcite-design-system/issues/7614)) ([4653581](https://github.com/Esri/calcite-design-system/commit/4653581e72dfa0c235e799bf6039ff6bc4c9ef8a)) -- __list:__ Fixes dragging nested list items ([#7555](https://github.com/Esri/calcite-design-system/issues/7555)) ([c25f7b3](https://github.com/Esri/calcite-design-system/commit/c25f7b34a6aeb68ba65021c8df33acba142d3eaf)) -- __list:__ Stop emitting calciteListChange when a list-item is disabled or closed. ([#7624](https://github.com/Esri/calcite-design-system/issues/7624)) ([7008463](https://github.com/Esri/calcite-design-system/commit/700846385fe737913c1db9fb6cc0c5cd06ee650d)) -- __loader:__ Tweak loading animations to work in Safari ([#7564](https://github.com/Esri/calcite-design-system/issues/7564)) ([2103654](https://github.com/Esri/calcite-design-system/commit/2103654a91705e254445fc89a6410bd8d3a0a691)) -- __modal:__ Catch error when beforeClose promise is rejected ([#7600](https://github.com/Esri/calcite-design-system/issues/7600)) ([70405d0](https://github.com/Esri/calcite-design-system/commit/70405d042f11b91abe6add27221986a469a220e8)) -- __modal:__ Handle removal of open attribute and prevent multiple beforeClose calls ([#7470](https://github.com/Esri/calcite-design-system/issues/7470)) ([f31588f](https://github.com/Esri/calcite-design-system/commit/f31588fb4119e5582a5bd97eb4cf9bfc6c3b5a74)) -- __rating:__ Adds focus outline on click ([#7341](https://github.com/Esri/calcite-design-system/issues/7341)) ([af30073](https://github.com/Esri/calcite-design-system/commit/af300739f0da5713345cad30ba85732599794250)) -- __segmented-control:__ Refresh items when added dynamically ([#7567](https://github.com/Esri/calcite-design-system/issues/7567)) ([2e36eb3](https://github.com/Esri/calcite-design-system/commit/2e36eb35d12869220a5ad4d3696ee9e72d740632)) -- __split-button:__ Update divider and borders to follow design spec ([#7568](https://github.com/Esri/calcite-design-system/issues/7568)) ([8df59ab](https://github.com/Esri/calcite-design-system/commit/8df59aba00d62a72d50cb0ad3e94ceed63f36ce3)) -- __tree-item:__ Move focus outline to item label area ([#7581](https://github.com/Esri/calcite-design-system/issues/7581)) ([1327cef](https://github.com/Esri/calcite-design-system/commit/1327cef7bdd0bfc24528755cc71084aa5c505d8a)) -- __tree-item:__ Updates state when selection changes programmatically for `selection-mode='ancestors'` ([#7572](https://github.com/Esri/calcite-design-system/issues/7572)) ([40758c5](https://github.com/Esri/calcite-design-system/commit/40758c5eb4fd6a911991e20266548575d4c306f7)) -- __tree:__ Improve keyboard navigation ([#7618](https://github.com/Esri/calcite-design-system/issues/7618)) ([826a5cb](https://github.com/Esri/calcite-design-system/commit/826a5cbb5c31a2b02e1a6676d740888d48567345)) +- **flow:** Catch error when beforeBack promise is rejected ([#7601](https://github.com/Esri/calcite-design-system/issues/7601)) ([cb70671](https://github.com/Esri/calcite-design-system/commit/cb706711684a91d7f93322ed185d0999387a71d8)) +- **input-date-picker, input-time-picker:** Do not show dropdown affordance when read-only ([#7559](https://github.com/Esri/calcite-design-system/issues/7559)) ([5a3f19c](https://github.com/Esri/calcite-design-system/commit/5a3f19c13f404b0d6111e41f3204b6afdca437a2)) +- **input, input-number:** Correctly sanitize numbers when pasting string with 'e' ([#7648](https://github.com/Esri/calcite-design-system/issues/7648)) ([b8bc11c](https://github.com/Esri/calcite-design-system/commit/b8bc11ca529e84b40ed40c0bc3dbfa2f0956a7d3)) +- **list, sortable-list, value-list:** Emit calciteListOrderChange when dragging between lists ([#7614](https://github.com/Esri/calcite-design-system/issues/7614)) ([4653581](https://github.com/Esri/calcite-design-system/commit/4653581e72dfa0c235e799bf6039ff6bc4c9ef8a)) +- **list:** Fixes dragging nested list items ([#7555](https://github.com/Esri/calcite-design-system/issues/7555)) ([c25f7b3](https://github.com/Esri/calcite-design-system/commit/c25f7b34a6aeb68ba65021c8df33acba142d3eaf)) +- **list:** Stop emitting calciteListChange when a list-item is disabled or closed. ([#7624](https://github.com/Esri/calcite-design-system/issues/7624)) ([7008463](https://github.com/Esri/calcite-design-system/commit/700846385fe737913c1db9fb6cc0c5cd06ee650d)) +- **loader:** Tweak loading animations to work in Safari ([#7564](https://github.com/Esri/calcite-design-system/issues/7564)) ([2103654](https://github.com/Esri/calcite-design-system/commit/2103654a91705e254445fc89a6410bd8d3a0a691)) +- **modal:** Catch error when beforeClose promise is rejected ([#7600](https://github.com/Esri/calcite-design-system/issues/7600)) ([70405d0](https://github.com/Esri/calcite-design-system/commit/70405d042f11b91abe6add27221986a469a220e8)) +- **modal:** Handle removal of open attribute and prevent multiple beforeClose calls ([#7470](https://github.com/Esri/calcite-design-system/issues/7470)) ([f31588f](https://github.com/Esri/calcite-design-system/commit/f31588fb4119e5582a5bd97eb4cf9bfc6c3b5a74)) +- **rating:** Adds focus outline on click ([#7341](https://github.com/Esri/calcite-design-system/issues/7341)) ([af30073](https://github.com/Esri/calcite-design-system/commit/af300739f0da5713345cad30ba85732599794250)) +- **segmented-control:** Refresh items when added dynamically ([#7567](https://github.com/Esri/calcite-design-system/issues/7567)) ([2e36eb3](https://github.com/Esri/calcite-design-system/commit/2e36eb35d12869220a5ad4d3696ee9e72d740632)) +- **split-button:** Update divider and borders to follow design spec ([#7568](https://github.com/Esri/calcite-design-system/issues/7568)) ([8df59ab](https://github.com/Esri/calcite-design-system/commit/8df59aba00d62a72d50cb0ad3e94ceed63f36ce3)) +- **tree-item:** Move focus outline to item label area ([#7581](https://github.com/Esri/calcite-design-system/issues/7581)) ([1327cef](https://github.com/Esri/calcite-design-system/commit/1327cef7bdd0bfc24528755cc71084aa5c505d8a)) +- **tree-item:** Updates state when selection changes programmatically for `selection-mode='ancestors'` ([#7572](https://github.com/Esri/calcite-design-system/issues/7572)) ([40758c5](https://github.com/Esri/calcite-design-system/commit/40758c5eb4fd6a911991e20266548575d4c306f7)) +- **tree:** Improve keyboard navigation ([#7618](https://github.com/Esri/calcite-design-system/issues/7618)) ([826a5cb](https://github.com/Esri/calcite-design-system/commit/826a5cbb5c31a2b02e1a6676d740888d48567345)) ## [1.6.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.6.0...@esri/calcite-components@1.6.1) (2023-08-18) ### Bug Fixes -- __action-bar:__ Restore "bottom-actions" slot functionality. ([#7535](https://github.com/Esri/calcite-design-system/issues/7535)) ([3aa9afa](https://github.com/Esri/calcite-design-system/commit/3aa9afaef487bbf016cca40d977be2a274eb9fe3)) +- **action-bar:** Restore "bottom-actions" slot functionality. ([#7535](https://github.com/Esri/calcite-design-system/issues/7535)) ([3aa9afa](https://github.com/Esri/calcite-design-system/commit/3aa9afaef487bbf016cca40d977be2a274eb9fe3)) - Fix open/close event emitting in Safari ([#7551](https://github.com/Esri/calcite-design-system/issues/7551)) ([a68b053](https://github.com/Esri/calcite-design-system/commit/a68b053601840745879820c178a14fe6913220e3)) ## [1.6.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.5.1...@esri/calcite-components@1.6.0) (2023-08-15) ### Features -- __action-bar:__ Add "actions-end" slot (deprecates "bottom-actions") ([#7435](https://github.com/Esri/calcite-design-system/issues/7435)) ([1bf14ff](https://github.com/Esri/calcite-design-system/commit/1bf14ffe243587ed97d0356973e2702a14888be2)) +- **action-bar:** Add "actions-end" slot (deprecates "bottom-actions") ([#7435](https://github.com/Esri/calcite-design-system/issues/7435)) ([1bf14ff](https://github.com/Esri/calcite-design-system/commit/1bf14ffe243587ed97d0356973e2702a14888be2)) ### Bug Fixes -- __block:__ Defaults the status icon to `scale=s` ([#7503](https://github.com/Esri/calcite-design-system/issues/7503)) ([e1aee99](https://github.com/Esri/calcite-design-system/commit/e1aee99a854f3de43de981d57a25b26546386ab5)) -- __button,card,fab,inline-editable:__ Provides context to AT users when loading ([#7257](https://github.com/Esri/calcite-design-system/issues/7257)) ([df33eda](https://github.com/Esri/calcite-design-system/commit/df33eda6af55db3beb9f6c3021dcbc9d71cbc71f)) -- __chip-group:__ Add existence checks ([#7487](https://github.com/Esri/calcite-design-system/issues/7487)) ([33225a7](https://github.com/Esri/calcite-design-system/commit/33225a7425778d9ce0b415d0177d906448bef0ec)) -- __combobox:__ Prevents navigation list with Space key ([#7505](https://github.com/Esri/calcite-design-system/issues/7505)) ([58e2ff2](https://github.com/Esri/calcite-design-system/commit/58e2ff2220dbf2ea27c00d9c77d690b728fe794e)) -- __panel:__ Fix heading border when only text content is slotted ([#7491](https://github.com/Esri/calcite-design-system/issues/7491)) ([7704400](https://github.com/Esri/calcite-design-system/commit/77044004a3a38890a99509c1cc14925f10f52fee)) -- __progress:__ Completes animation for `dir='rtl'` ([#7511](https://github.com/Esri/calcite-design-system/issues/7511)) ([c5d6ada](https://github.com/Esri/calcite-design-system/commit/c5d6adacadf85ab12bfff5351fc0d448c153dae5)) -- __scrim:__ Handle slotted children correctly ([#7477](https://github.com/Esri/calcite-design-system/issues/7477)) ([c5ce008](https://github.com/Esri/calcite-design-system/commit/c5ce0083b2015e6659f22d4d969bf4709c02ddbb)) -- __scrim:__ Render text content inside scrim ([#7509](https://github.com/Esri/calcite-design-system/issues/7509)) ([643ce5d](https://github.com/Esri/calcite-design-system/commit/643ce5d7a05cb24d8f730a703ade66d71192a958)) -- __slider:__ Rerender ticks when prop is modified ([#7439](https://github.com/Esri/calcite-design-system/issues/7439)) ([20058a9](https://github.com/Esri/calcite-design-system/commit/20058a9fd9d18a191ec439b3749b7408d8991fc9)) -- __tree:__ Selects all child items when selection-mode is set to ancestors ([#7518](https://github.com/Esri/calcite-design-system/issues/7518)) ([f1eef84](https://github.com/Esri/calcite-design-system/commit/f1eef8400d0312237bde6a3dda20ff085c87df2e)) +- **block:** Defaults the status icon to `scale=s` ([#7503](https://github.com/Esri/calcite-design-system/issues/7503)) ([e1aee99](https://github.com/Esri/calcite-design-system/commit/e1aee99a854f3de43de981d57a25b26546386ab5)) +- **button,card,fab,inline-editable:** Provides context to AT users when loading ([#7257](https://github.com/Esri/calcite-design-system/issues/7257)) ([df33eda](https://github.com/Esri/calcite-design-system/commit/df33eda6af55db3beb9f6c3021dcbc9d71cbc71f)) +- **chip-group:** Add existence checks ([#7487](https://github.com/Esri/calcite-design-system/issues/7487)) ([33225a7](https://github.com/Esri/calcite-design-system/commit/33225a7425778d9ce0b415d0177d906448bef0ec)) +- **combobox:** Prevents navigation list with Space key ([#7505](https://github.com/Esri/calcite-design-system/issues/7505)) ([58e2ff2](https://github.com/Esri/calcite-design-system/commit/58e2ff2220dbf2ea27c00d9c77d690b728fe794e)) +- **panel:** Fix heading border when only text content is slotted ([#7491](https://github.com/Esri/calcite-design-system/issues/7491)) ([7704400](https://github.com/Esri/calcite-design-system/commit/77044004a3a38890a99509c1cc14925f10f52fee)) +- **progress:** Completes animation for `dir='rtl'` ([#7511](https://github.com/Esri/calcite-design-system/issues/7511)) ([c5d6ada](https://github.com/Esri/calcite-design-system/commit/c5d6adacadf85ab12bfff5351fc0d448c153dae5)) +- **scrim:** Handle slotted children correctly ([#7477](https://github.com/Esri/calcite-design-system/issues/7477)) ([c5ce008](https://github.com/Esri/calcite-design-system/commit/c5ce0083b2015e6659f22d4d969bf4709c02ddbb)) +- **scrim:** Render text content inside scrim ([#7509](https://github.com/Esri/calcite-design-system/issues/7509)) ([643ce5d](https://github.com/Esri/calcite-design-system/commit/643ce5d7a05cb24d8f730a703ade66d71192a958)) +- **slider:** Rerender ticks when prop is modified ([#7439](https://github.com/Esri/calcite-design-system/issues/7439)) ([20058a9](https://github.com/Esri/calcite-design-system/commit/20058a9fd9d18a191ec439b3749b7408d8991fc9)) +- **tree:** Selects all child items when selection-mode is set to ancestors ([#7518](https://github.com/Esri/calcite-design-system/issues/7518)) ([f1eef84](https://github.com/Esri/calcite-design-system/commit/f1eef8400d0312237bde6a3dda20ff085c87df2e)) ## [1.5.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.5.0...@esri/calcite-components@1.5.1) (2023-08-08) ### Bug Fixes -- __accordion:__ Restore accordion-items working with accordion across shadow DOM ([#7466](https://github.com/Esri/calcite-design-system/issues/7466)) ([bedb5db](https://github.com/Esri/calcite-design-system/commit/bedb5db8fa2fa9dc790e82923c9d79853579a089)) -- __action-bar, action-pad:__ Add native tooltip to expand action ([#7452](https://github.com/Esri/calcite-design-system/issues/7452)) ([9673ef7](https://github.com/Esri/calcite-design-system/commit/9673ef729007099a6c4a5121a6873fdb5885a271)) +- **accordion:** Restore accordion-items working with accordion across shadow DOM ([#7466](https://github.com/Esri/calcite-design-system/issues/7466)) ([bedb5db](https://github.com/Esri/calcite-design-system/commit/bedb5db8fa2fa9dc790e82923c9d79853579a089)) +- **action-bar, action-pad:** Add native tooltip to expand action ([#7452](https://github.com/Esri/calcite-design-system/issues/7452)) ([9673ef7](https://github.com/Esri/calcite-design-system/commit/9673ef729007099a6c4a5121a6873fdb5885a271)) - Fix SSR build error caused by browser-sniffing util ([#7461](https://github.com/Esri/calcite-design-system/issues/7461)) ([e5381fa](https://github.com/Esri/calcite-design-system/commit/e5381fa8306674b77531a758cb0e2b11a00c7e22)) -- __flow-item:__ Use a native tooltip for the back button ([#7442](https://github.com/Esri/calcite-design-system/issues/7442)) ([f38167b](https://github.com/Esri/calcite-design-system/commit/f38167bfeaf92557f4f0f9a437b6d4b35b72fc9c)) -- __input:__ Fix clearable from throwing an error when value is undefined ([#7476](https://github.com/Esri/calcite-design-system/issues/7476)) ([633c2cd](https://github.com/Esri/calcite-design-system/commit/633c2cd635cdcea73923af2aa68f50683114c6ea)) -- __list:__ Add missing drag handle locale strings ([#7462](https://github.com/Esri/calcite-design-system/issues/7462)) ([2b5463e](https://github.com/Esri/calcite-design-system/commit/2b5463e40b408b8c2b430d880bb1482db32fde7d)) -- __panel:__ Add native tooltip to close button. ([#7434](https://github.com/Esri/calcite-design-system/issues/7434)) ([70b45cf](https://github.com/Esri/calcite-design-system/commit/70b45cf0b8509cd01e6639f9ea30ec7b008046c2)) -- __panel:__ Allow panel content to take full height. ([#7454](https://github.com/Esri/calcite-design-system/issues/7454)) ([b6bf54f](https://github.com/Esri/calcite-design-system/commit/b6bf54f44d2f17b7fb2fc700101ba17c956c51e2)) -- __panel:__ Correct header and action-bar z-indexing display issues ([#7440](https://github.com/Esri/calcite-design-system/issues/7440)) ([db7eac7](https://github.com/Esri/calcite-design-system/commit/db7eac7488d08af69525058bd4d0f16acb44c99f)) -- __slider:__ Numbers remain on one line for locales with space group separators ([#7472](https://github.com/Esri/calcite-design-system/issues/7472)) ([2747b22](https://github.com/Esri/calcite-design-system/commit/2747b2289614b5fc365e09bef027c75ad42fe8a6)) +- **flow-item:** Use a native tooltip for the back button ([#7442](https://github.com/Esri/calcite-design-system/issues/7442)) ([f38167b](https://github.com/Esri/calcite-design-system/commit/f38167bfeaf92557f4f0f9a437b6d4b35b72fc9c)) +- **input:** Fix clearable from throwing an error when value is undefined ([#7476](https://github.com/Esri/calcite-design-system/issues/7476)) ([633c2cd](https://github.com/Esri/calcite-design-system/commit/633c2cd635cdcea73923af2aa68f50683114c6ea)) +- **list:** Add missing drag handle locale strings ([#7462](https://github.com/Esri/calcite-design-system/issues/7462)) ([2b5463e](https://github.com/Esri/calcite-design-system/commit/2b5463e40b408b8c2b430d880bb1482db32fde7d)) +- **panel:** Add native tooltip to close button. ([#7434](https://github.com/Esri/calcite-design-system/issues/7434)) ([70b45cf](https://github.com/Esri/calcite-design-system/commit/70b45cf0b8509cd01e6639f9ea30ec7b008046c2)) +- **panel:** Allow panel content to take full height. ([#7454](https://github.com/Esri/calcite-design-system/issues/7454)) ([b6bf54f](https://github.com/Esri/calcite-design-system/commit/b6bf54f44d2f17b7fb2fc700101ba17c956c51e2)) +- **panel:** Correct header and action-bar z-indexing display issues ([#7440](https://github.com/Esri/calcite-design-system/issues/7440)) ([db7eac7](https://github.com/Esri/calcite-design-system/commit/db7eac7488d08af69525058bd4d0f16acb44c99f)) +- **slider:** Numbers remain on one line for locales with space group separators ([#7472](https://github.com/Esri/calcite-design-system/issues/7472)) ([2747b22](https://github.com/Esri/calcite-design-system/commit/2747b2289614b5fc365e09bef027c75ad42fe8a6)) ## [1.5.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.4.3...@esri/calcite-components@1.5.0) (2023-08-03) ### Features -- __action-group:__ Adds overlayPositioning property. ([#7366](https://github.com/Esri/calcite-design-system/issues/7366)) ([ca9f35a](https://github.com/Esri/calcite-design-system/commit/ca9f35a13e4bb6c293d11349e22cee0628a87c35)) +- **action-group:** Adds overlayPositioning property. ([#7366](https://github.com/Esri/calcite-design-system/issues/7366)) ([ca9f35a](https://github.com/Esri/calcite-design-system/commit/ca9f35a13e4bb6c293d11349e22cee0628a87c35)) - Allow sharing focus trap stacks via configuration global ([#7334](https://github.com/Esri/calcite-design-system/issues/7334)) ([934a19f](https://github.com/Esri/calcite-design-system/commit/934a19f0c7bbd6c89a8383b918cf47034c11f483)) - Automatically import and define Calcite Components when importing their React wrapper ([#7185](https://github.com/Esri/calcite-design-system/issues/7185)) ([bf0ff67](https://github.com/Esri/calcite-design-system/commit/bf0ff6737f882005f925031171ae9c9d57b41579)) -- __block, block-section:__ Add setFocus method ([#7208](https://github.com/Esri/calcite-design-system/issues/7208)) ([35d4bbb](https://github.com/Esri/calcite-design-system/commit/35d4bbb26ec3a157c7970d7ed982c9af128f1bf8)) -- __block:__ Improve block's content layout to allow scrolling ([#7367](https://github.com/Esri/calcite-design-system/issues/7367)) ([ecbf17b](https://github.com/Esri/calcite-design-system/commit/ecbf17b3dac6cd79d21f44811d0b5e8f52ab7237)) -- __color-picker:__ Replaces thumb focus outline to rounded ([#7378](https://github.com/Esri/calcite-design-system/issues/7378)) ([d803980](https://github.com/Esri/calcite-design-system/commit/d803980395bb16da3c1349de9318b838f1a09383)) -- __filter:__ Add filter method ([#7127](https://github.com/Esri/calcite-design-system/issues/7127)) ([5a4283f](https://github.com/Esri/calcite-design-system/commit/5a4283fe0937a3f7f1380f66765af0fa7093ad19)) -- __flow:__ Adds setFocus method ([#7252](https://github.com/Esri/calcite-design-system/issues/7252)) ([2472c58](https://github.com/Esri/calcite-design-system/commit/2472c58aa70b996b8df6e48e51d8651009742ee6)) +- **block, block-section:** Add setFocus method ([#7208](https://github.com/Esri/calcite-design-system/issues/7208)) ([35d4bbb](https://github.com/Esri/calcite-design-system/commit/35d4bbb26ec3a157c7970d7ed982c9af128f1bf8)) +- **block:** Improve block's content layout to allow scrolling ([#7367](https://github.com/Esri/calcite-design-system/issues/7367)) ([ecbf17b](https://github.com/Esri/calcite-design-system/commit/ecbf17b3dac6cd79d21f44811d0b5e8f52ab7237)) +- **color-picker:** Replaces thumb focus outline to rounded ([#7378](https://github.com/Esri/calcite-design-system/issues/7378)) ([d803980](https://github.com/Esri/calcite-design-system/commit/d803980395bb16da3c1349de9318b838f1a09383)) +- **filter:** Add filter method ([#7127](https://github.com/Esri/calcite-design-system/issues/7127)) ([5a4283f](https://github.com/Esri/calcite-design-system/commit/5a4283fe0937a3f7f1380f66765af0fa7093ad19)) +- **flow:** Adds setFocus method ([#7252](https://github.com/Esri/calcite-design-system/issues/7252)) ([2472c58](https://github.com/Esri/calcite-design-system/commit/2472c58aa70b996b8df6e48e51d8651009742ee6)) - Improve focus behavior in components ([#7277](https://github.com/Esri/calcite-design-system/issues/7277)) ([ad9fbca](https://github.com/Esri/calcite-design-system/commit/ad9fbca41848bde1d7e6b1089fee7390cb249441)) -- __input-time-zone:__ Add input-time-zone component ([#6947](https://github.com/Esri/calcite-design-system/issues/6947)) ([87bd496](https://github.com/Esri/calcite-design-system/commit/87bd496bb122f46eec4fe2017ae5b332b27dccd3)) -- __list:__ Add slots for filter actions ([#7183](https://github.com/Esri/calcite-design-system/issues/7183)) ([da07ab1](https://github.com/Esri/calcite-design-system/commit/da07ab1dcd5d0b830c46b00b76c6d5724ff38c60)) -- __list:__ Add support for dragging items. ([#7109](https://github.com/Esri/calcite-design-system/issues/7109)) ([7324f70](https://github.com/Esri/calcite-design-system/commit/7324f7069e94a6d181a46ec271ba7cdc24517372)) -- __menu-item:__ Update spacing and icon layout ([#7381](https://github.com/Esri/calcite-design-system/issues/7381)) ([5659671](https://github.com/Esri/calcite-design-system/commit/5659671061dd169fa365581f71676d052b192475)) -- __navigation-logo:__ Increase font-size of heading with no description ([#7081](https://github.com/Esri/calcite-design-system/issues/7081)) ([355e101](https://github.com/Esri/calcite-design-system/commit/355e101fae4d9aadadebaa169973639735578a2e)) -- __switch:__ Updates focus outline to be rounded ([#7390](https://github.com/Esri/calcite-design-system/issues/7390)) ([2616b82](https://github.com/Esri/calcite-design-system/commit/2616b822fac369166f0c5292e112a47e93725789)) -- __text-area:__ Provide additional context for AT users when character limit exceeds on form submission ([#7299](https://github.com/Esri/calcite-design-system/issues/7299)) ([c5678eb](https://github.com/Esri/calcite-design-system/commit/c5678eb09e8d0e26b2956f52401d77305a6bee34)) -- __text-area:__ Provide additional context for AT users when character limit exceeds on form submission ([#7412](https://github.com/Esri/calcite-design-system/issues/7412)) ([c1af3c7](https://github.com/Esri/calcite-design-system/commit/c1af3c7a713b6877a3f0cf54cd21fac922ec5907)) - -### Bug Fixes - -- __accordion, accordion-item:__ `icon-position`, `icon-type`, `selection-mode` and `scale` can now be set as props or attributes ([#7191](https://github.com/Esri/calcite-design-system/issues/7191)) ([2b09aba](https://github.com/Esri/calcite-design-system/commit/2b09abacf4f265866f44f210a8c83b580e865fdf)) -- __action-bar:__ No longer delegates focus when clicked on non-focusable region ([#7310](https://github.com/Esri/calcite-design-system/issues/7310)) ([1a9c15c](https://github.com/Esri/calcite-design-system/commit/1a9c15cbe9b25477a0eca3ad74e2f231beafdd1d)) -- __action:__ Correctly focus the button after rendering updates. ([#7255](https://github.com/Esri/calcite-design-system/issues/7255)) ([40fe2ce](https://github.com/Esri/calcite-design-system/commit/40fe2ce060d7db146b2e3b85d5e8e62b67034b34)) -- __block:__ Loader now appears for all loading cases ([#7303](https://github.com/Esri/calcite-design-system/issues/7303)) ([5af3600](https://github.com/Esri/calcite-design-system/commit/5af36005483f633955bafba40705490e675c5564)) -- __block:__ Removes extra loading indicator ([#7239](https://github.com/Esri/calcite-design-system/issues/7239)) ([a334a75](https://github.com/Esri/calcite-design-system/commit/a334a754113127d86214c59f3d884f11f4f0a558)) -- __card:__ Ensure teardown logic is called when disconnected ([#7289](https://github.com/Esri/calcite-design-system/issues/7289)) ([d07e322](https://github.com/Esri/calcite-design-system/commit/d07e3223bd32de7afe41fc25d5f317c3382b7a77)) -- __chip:__ Disconnect mutation observer when component is disconnected from the DOM ([#7418](https://github.com/Esri/calcite-design-system/issues/7418)) ([412e5fb](https://github.com/Esri/calcite-design-system/commit/412e5fb5565f377bba74af1b79516833550a2202)) -- __color-picker:__ Draw slider thumbs within bounds ([#7398](https://github.com/Esri/calcite-design-system/issues/7398)) ([2f37854](https://github.com/Esri/calcite-design-system/commit/2f378548dda9e91719b726a77ab6893e562a20ce)) -- __color-picker:__ Fix opacity slider keyboard nudging ([#7400](https://github.com/Esri/calcite-design-system/issues/7400)) ([2b4f7c3](https://github.com/Esri/calcite-design-system/commit/2b4f7c3051ef25691e5b24b00a6ffc8de6e69bfc)) -- __color-picker:__ Maintains correct numbering system when entering invalid RGB value ([#7327](https://github.com/Esri/calcite-design-system/issues/7327)) ([8d2a3a5](https://github.com/Esri/calcite-design-system/commit/8d2a3a59c0bd208a6ecb826a709d6389b2a72aa4)) -- __combobox:__ Add space after grouped items ([#7302](https://github.com/Esri/calcite-design-system/issues/7302)) ([b1580c7](https://github.com/Esri/calcite-design-system/commit/b1580c77fb24c2a3aa55e7b50f1d50b1b1357434)) -- __dropdown-item:__ Provides accessible label when href is not parsed ([#7316](https://github.com/Esri/calcite-design-system/issues/7316)) ([966b83d](https://github.com/Esri/calcite-design-system/commit/966b83d9514cdc284516909983b2c6ddf4e30286)) -- __flow:__ Call setFocus() on back button click ([#7285](https://github.com/Esri/calcite-design-system/issues/7285)) ([9102aa4](https://github.com/Esri/calcite-design-system/commit/9102aa4d97f1f658aaa3891d7304460c737e9a68)) -- __input-date-picker:__ Provides placeholder text context for AT users ([#7320](https://github.com/Esri/calcite-design-system/issues/7320)) ([31e0ba2](https://github.com/Esri/calcite-design-system/commit/31e0ba2c0e612e64130532203c5d73a7a0e37dc3)) -- __input-date-picker:__ Reset active date picker date after closing ([#7219](https://github.com/Esri/calcite-design-system/issues/7219)) ([91b2a1b](https://github.com/Esri/calcite-design-system/commit/91b2a1b92d49cdd573650952ee09971c59bd1649)) -- __input, input-number:__ No longer removes trailing decimal separator ([#7159](https://github.com/Esri/calcite-design-system/issues/7159)) ([01535cf](https://github.com/Esri/calcite-design-system/commit/01535cf94609e00bd5b06fe65c59c531b7d66c09)) -- __link:__ Adds outline-offset to avoid overlapping with text. ([#7342](https://github.com/Esri/calcite-design-system/issues/7342)) ([c30db4e](https://github.com/Esri/calcite-design-system/commit/c30db4e8d47b28c5498cf4f6cf64dd7e0df8dbe9)) -- __list:__ Changing filterText property will now update filtered items ([#7133](https://github.com/Esri/calcite-design-system/issues/7133)) ([a9c0bce](https://github.com/Esri/calcite-design-system/commit/a9c0bce700784c3ea9cd16d5e9568835b5d1203b)) -- __list:__ Fix keyboard navigation after a listItem's disabled or closed property changes ([#7275](https://github.com/Esri/calcite-design-system/issues/7275)) ([91d28eb](https://github.com/Esri/calcite-design-system/commit/91d28eb7091590209240b15627dc1925fa951756)) -- __list:__ Fix keyboard navigation when filterEnabled is true ([#7385](https://github.com/Esri/calcite-design-system/issues/7385)) ([41a2e42](https://github.com/Esri/calcite-design-system/commit/41a2e4266160665a72d11a69e8f4ec0c6a30304d)) -- __menu-item:__ Prevent duplicate border in nested vertical menu-items ([#7387](https://github.com/Esri/calcite-design-system/issues/7387)) ([186a738](https://github.com/Esri/calcite-design-system/commit/186a738eb671978f0408d58aeb1bd11bd08e1424)) -- __panel:__ Remove double border styling when content isn't provided ([#7368](https://github.com/Esri/calcite-design-system/issues/7368)) ([91a0610](https://github.com/Esri/calcite-design-system/commit/91a0610b889a1531bce6746718ab15883e2d3b80)) +- **input-time-zone:** Add input-time-zone component ([#6947](https://github.com/Esri/calcite-design-system/issues/6947)) ([87bd496](https://github.com/Esri/calcite-design-system/commit/87bd496bb122f46eec4fe2017ae5b332b27dccd3)) +- **list:** Add slots for filter actions ([#7183](https://github.com/Esri/calcite-design-system/issues/7183)) ([da07ab1](https://github.com/Esri/calcite-design-system/commit/da07ab1dcd5d0b830c46b00b76c6d5724ff38c60)) +- **list:** Add support for dragging items. ([#7109](https://github.com/Esri/calcite-design-system/issues/7109)) ([7324f70](https://github.com/Esri/calcite-design-system/commit/7324f7069e94a6d181a46ec271ba7cdc24517372)) +- **menu-item:** Update spacing and icon layout ([#7381](https://github.com/Esri/calcite-design-system/issues/7381)) ([5659671](https://github.com/Esri/calcite-design-system/commit/5659671061dd169fa365581f71676d052b192475)) +- **navigation-logo:** Increase font-size of heading with no description ([#7081](https://github.com/Esri/calcite-design-system/issues/7081)) ([355e101](https://github.com/Esri/calcite-design-system/commit/355e101fae4d9aadadebaa169973639735578a2e)) +- **switch:** Updates focus outline to be rounded ([#7390](https://github.com/Esri/calcite-design-system/issues/7390)) ([2616b82](https://github.com/Esri/calcite-design-system/commit/2616b822fac369166f0c5292e112a47e93725789)) +- **text-area:** Provide additional context for AT users when character limit exceeds on form submission ([#7299](https://github.com/Esri/calcite-design-system/issues/7299)) ([c5678eb](https://github.com/Esri/calcite-design-system/commit/c5678eb09e8d0e26b2956f52401d77305a6bee34)) +- **text-area:** Provide additional context for AT users when character limit exceeds on form submission ([#7412](https://github.com/Esri/calcite-design-system/issues/7412)) ([c1af3c7](https://github.com/Esri/calcite-design-system/commit/c1af3c7a713b6877a3f0cf54cd21fac922ec5907)) + +### Bug Fixes + +- **accordion, accordion-item:** `icon-position`, `icon-type`, `selection-mode` and `scale` can now be set as props or attributes ([#7191](https://github.com/Esri/calcite-design-system/issues/7191)) ([2b09aba](https://github.com/Esri/calcite-design-system/commit/2b09abacf4f265866f44f210a8c83b580e865fdf)) +- **action-bar:** No longer delegates focus when clicked on non-focusable region ([#7310](https://github.com/Esri/calcite-design-system/issues/7310)) ([1a9c15c](https://github.com/Esri/calcite-design-system/commit/1a9c15cbe9b25477a0eca3ad74e2f231beafdd1d)) +- **action:** Correctly focus the button after rendering updates. ([#7255](https://github.com/Esri/calcite-design-system/issues/7255)) ([40fe2ce](https://github.com/Esri/calcite-design-system/commit/40fe2ce060d7db146b2e3b85d5e8e62b67034b34)) +- **block:** Loader now appears for all loading cases ([#7303](https://github.com/Esri/calcite-design-system/issues/7303)) ([5af3600](https://github.com/Esri/calcite-design-system/commit/5af36005483f633955bafba40705490e675c5564)) +- **block:** Removes extra loading indicator ([#7239](https://github.com/Esri/calcite-design-system/issues/7239)) ([a334a75](https://github.com/Esri/calcite-design-system/commit/a334a754113127d86214c59f3d884f11f4f0a558)) +- **card:** Ensure teardown logic is called when disconnected ([#7289](https://github.com/Esri/calcite-design-system/issues/7289)) ([d07e322](https://github.com/Esri/calcite-design-system/commit/d07e3223bd32de7afe41fc25d5f317c3382b7a77)) +- **chip:** Disconnect mutation observer when component is disconnected from the DOM ([#7418](https://github.com/Esri/calcite-design-system/issues/7418)) ([412e5fb](https://github.com/Esri/calcite-design-system/commit/412e5fb5565f377bba74af1b79516833550a2202)) +- **color-picker:** Draw slider thumbs within bounds ([#7398](https://github.com/Esri/calcite-design-system/issues/7398)) ([2f37854](https://github.com/Esri/calcite-design-system/commit/2f378548dda9e91719b726a77ab6893e562a20ce)) +- **color-picker:** Fix opacity slider keyboard nudging ([#7400](https://github.com/Esri/calcite-design-system/issues/7400)) ([2b4f7c3](https://github.com/Esri/calcite-design-system/commit/2b4f7c3051ef25691e5b24b00a6ffc8de6e69bfc)) +- **color-picker:** Maintains correct numbering system when entering invalid RGB value ([#7327](https://github.com/Esri/calcite-design-system/issues/7327)) ([8d2a3a5](https://github.com/Esri/calcite-design-system/commit/8d2a3a59c0bd208a6ecb826a709d6389b2a72aa4)) +- **combobox:** Add space after grouped items ([#7302](https://github.com/Esri/calcite-design-system/issues/7302)) ([b1580c7](https://github.com/Esri/calcite-design-system/commit/b1580c77fb24c2a3aa55e7b50f1d50b1b1357434)) +- **dropdown-item:** Provides accessible label when href is not parsed ([#7316](https://github.com/Esri/calcite-design-system/issues/7316)) ([966b83d](https://github.com/Esri/calcite-design-system/commit/966b83d9514cdc284516909983b2c6ddf4e30286)) +- **flow:** Call setFocus() on back button click ([#7285](https://github.com/Esri/calcite-design-system/issues/7285)) ([9102aa4](https://github.com/Esri/calcite-design-system/commit/9102aa4d97f1f658aaa3891d7304460c737e9a68)) +- **input-date-picker:** Provides placeholder text context for AT users ([#7320](https://github.com/Esri/calcite-design-system/issues/7320)) ([31e0ba2](https://github.com/Esri/calcite-design-system/commit/31e0ba2c0e612e64130532203c5d73a7a0e37dc3)) +- **input-date-picker:** Reset active date picker date after closing ([#7219](https://github.com/Esri/calcite-design-system/issues/7219)) ([91b2a1b](https://github.com/Esri/calcite-design-system/commit/91b2a1b92d49cdd573650952ee09971c59bd1649)) +- **input, input-number:** No longer removes trailing decimal separator ([#7159](https://github.com/Esri/calcite-design-system/issues/7159)) ([01535cf](https://github.com/Esri/calcite-design-system/commit/01535cf94609e00bd5b06fe65c59c531b7d66c09)) +- **link:** Adds outline-offset to avoid overlapping with text. ([#7342](https://github.com/Esri/calcite-design-system/issues/7342)) ([c30db4e](https://github.com/Esri/calcite-design-system/commit/c30db4e8d47b28c5498cf4f6cf64dd7e0df8dbe9)) +- **list:** Changing filterText property will now update filtered items ([#7133](https://github.com/Esri/calcite-design-system/issues/7133)) ([a9c0bce](https://github.com/Esri/calcite-design-system/commit/a9c0bce700784c3ea9cd16d5e9568835b5d1203b)) +- **list:** Fix keyboard navigation after a listItem's disabled or closed property changes ([#7275](https://github.com/Esri/calcite-design-system/issues/7275)) ([91d28eb](https://github.com/Esri/calcite-design-system/commit/91d28eb7091590209240b15627dc1925fa951756)) +- **list:** Fix keyboard navigation when filterEnabled is true ([#7385](https://github.com/Esri/calcite-design-system/issues/7385)) ([41a2e42](https://github.com/Esri/calcite-design-system/commit/41a2e4266160665a72d11a69e8f4ec0c6a30304d)) +- **menu-item:** Prevent duplicate border in nested vertical menu-items ([#7387](https://github.com/Esri/calcite-design-system/issues/7387)) ([186a738](https://github.com/Esri/calcite-design-system/commit/186a738eb671978f0408d58aeb1bd11bd08e1424)) +- **panel:** Remove double border styling when content isn't provided ([#7368](https://github.com/Esri/calcite-design-system/issues/7368)) ([91a0610](https://github.com/Esri/calcite-design-system/commit/91a0610b889a1531bce6746718ab15883e2d3b80)) - Remove style modifying all host components with hidden attribute ([#7346](https://github.com/Esri/calcite-design-system/issues/7346)) ([3103e2f](https://github.com/Esri/calcite-design-system/commit/3103e2f4f507fba8cf895938a7beae7675fdbc2f)) -- __scrim:__ Update loader scale on resize of component. ([#7419](https://github.com/Esri/calcite-design-system/issues/7419)) ([24e7f70](https://github.com/Esri/calcite-design-system/commit/24e7f70f0b777759e873f5a32c00fb7de4c19586)) -- __slider:__ Prevent excessive tick rendering ([#7421](https://github.com/Esri/calcite-design-system/issues/7421)) ([c799409](https://github.com/Esri/calcite-design-system/commit/c799409661e306520182708a874326e58719f833)) -- __switch:__ Fix for focus outline style in certain cases ([#7414](https://github.com/Esri/calcite-design-system/issues/7414)) ([217324f](https://github.com/Esri/calcite-design-system/commit/217324f3cd6ae4a36a04fd1ddac977a5385b950d)) -- __tab-title:__ Add full focus outline to closable tab button in high contrast mode ([#7272](https://github.com/Esri/calcite-design-system/issues/7272)) ([d812d17](https://github.com/Esri/calcite-design-system/commit/d812d179245434eaff1fca8295186f6ee86bfd21)) -- __tooltip:__ Avoid extra before open/close event emitting ([#7422](https://github.com/Esri/calcite-design-system/issues/7422)) ([dbb6818](https://github.com/Esri/calcite-design-system/commit/dbb6818cd8b03503d70f380f1514fd4384c1ac4d)) -- __tooltip:__ Deprecate the label property due to the description coming from the component's content ([#7247](https://github.com/Esri/calcite-design-system/issues/7247)) ([7934d75](https://github.com/Esri/calcite-design-system/commit/7934d754099a042cc9130c6522168b5b62f28c3c)) -- __tooltip:__ Emits `close` and `beforeClose` events when container is set to `display:none` ([#7258](https://github.com/Esri/calcite-design-system/issues/7258)) ([60a4683](https://github.com/Esri/calcite-design-system/commit/60a46835dd17d2e0535affbe372145824f43cb55)) -- __tooltip:__ Ensure --calcite-app-z-index-tooltip is applied ([#7345](https://github.com/Esri/calcite-design-system/issues/7345)) ([a9a7072](https://github.com/Esri/calcite-design-system/commit/a9a7072d2383f6ec53d38337afbabb9f994b4dd5)) +- **scrim:** Update loader scale on resize of component. ([#7419](https://github.com/Esri/calcite-design-system/issues/7419)) ([24e7f70](https://github.com/Esri/calcite-design-system/commit/24e7f70f0b777759e873f5a32c00fb7de4c19586)) +- **slider:** Prevent excessive tick rendering ([#7421](https://github.com/Esri/calcite-design-system/issues/7421)) ([c799409](https://github.com/Esri/calcite-design-system/commit/c799409661e306520182708a874326e58719f833)) +- **switch:** Fix for focus outline style in certain cases ([#7414](https://github.com/Esri/calcite-design-system/issues/7414)) ([217324f](https://github.com/Esri/calcite-design-system/commit/217324f3cd6ae4a36a04fd1ddac977a5385b950d)) +- **tab-title:** Add full focus outline to closable tab button in high contrast mode ([#7272](https://github.com/Esri/calcite-design-system/issues/7272)) ([d812d17](https://github.com/Esri/calcite-design-system/commit/d812d179245434eaff1fca8295186f6ee86bfd21)) +- **tooltip:** Avoid extra before open/close event emitting ([#7422](https://github.com/Esri/calcite-design-system/issues/7422)) ([dbb6818](https://github.com/Esri/calcite-design-system/commit/dbb6818cd8b03503d70f380f1514fd4384c1ac4d)) +- **tooltip:** Deprecate the label property due to the description coming from the component's content ([#7247](https://github.com/Esri/calcite-design-system/issues/7247)) ([7934d75](https://github.com/Esri/calcite-design-system/commit/7934d754099a042cc9130c6522168b5b62f28c3c)) +- **tooltip:** Emits `close` and `beforeClose` events when container is set to `display:none` ([#7258](https://github.com/Esri/calcite-design-system/issues/7258)) ([60a4683](https://github.com/Esri/calcite-design-system/commit/60a46835dd17d2e0535affbe372145824f43cb55)) +- **tooltip:** Ensure --calcite-app-z-index-tooltip is applied ([#7345](https://github.com/Esri/calcite-design-system/issues/7345)) ([a9a7072](https://github.com/Esri/calcite-design-system/commit/a9a7072d2383f6ec53d38337afbabb9f994b4dd5)) ## [1.4.3](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.4.2...@esri/calcite-components@1.4.3) (2023-06-26) ### Bug Fixes -- __accordion-item:__ support items working across shadowDOM ([#7035](https://github.com/Esri/calcite-design-system/issues/7035)) ([6378e35](https://github.com/Esri/calcite-design-system/commit/6378e351bad4aff1aefe62b7c52262ae57c48907)), closes [#6167](https://github.com/Esri/calcite-design-system/issues/6167) -- __alert:__ Sets autoCloseDuration to "medium" by default ([#7157](https://github.com/Esri/calcite-design-system/issues/7157)) ([1b9a8ed](https://github.com/Esri/calcite-design-system/commit/1b9a8edc1b7fab87899bd59c74ad036b5f53140c)) -- __alert:__ Update alert queue when an alert is removed from the DOM ([#7189](https://github.com/Esri/calcite-design-system/issues/7189)) ([edd59eb](https://github.com/Esri/calcite-design-system/commit/edd59eb0bff21aa41fc7e537a2df2dbd2143a15a)) -- __combobox, dropdown, input-date-picker, input-time-picker, popover, tooltip:__ Prevent repositioning from affecting other floating components ([#7178](https://github.com/Esri/calcite-design-system/issues/7178)) ([1b02dae](https://github.com/Esri/calcite-design-system/commit/1b02dae4ef4e9594ece0a72bb8bc69fd2f7cf84a)) +- **accordion-item:** support items working across shadowDOM ([#7035](https://github.com/Esri/calcite-design-system/issues/7035)) ([6378e35](https://github.com/Esri/calcite-design-system/commit/6378e351bad4aff1aefe62b7c52262ae57c48907)), closes [#6167](https://github.com/Esri/calcite-design-system/issues/6167) +- **alert:** Sets autoCloseDuration to "medium" by default ([#7157](https://github.com/Esri/calcite-design-system/issues/7157)) ([1b9a8ed](https://github.com/Esri/calcite-design-system/commit/1b9a8edc1b7fab87899bd59c74ad036b5f53140c)) +- **alert:** Update alert queue when an alert is removed from the DOM ([#7189](https://github.com/Esri/calcite-design-system/issues/7189)) ([edd59eb](https://github.com/Esri/calcite-design-system/commit/edd59eb0bff21aa41fc7e537a2df2dbd2143a15a)) +- **combobox, dropdown, input-date-picker, input-time-picker, popover, tooltip:** Prevent repositioning from affecting other floating components ([#7178](https://github.com/Esri/calcite-design-system/issues/7178)) ([1b02dae](https://github.com/Esri/calcite-design-system/commit/1b02dae4ef4e9594ece0a72bb8bc69fd2f7cf84a)) - Ensure mouse events are blocked for disabled components in Firefox ([#7107](https://github.com/Esri/calcite-design-system/issues/7107)) ([271d985](https://github.com/Esri/calcite-design-system/commit/271d9855eef4aa94cb7131381c98ab03eea57e4e)) -- __input-date-picker:__ Fix showing the placeholder when resetting the value ([#7156](https://github.com/Esri/calcite-design-system/issues/7156)) ([8d60ffd](https://github.com/Esri/calcite-design-system/commit/8d60ffd1e68baf2b96006deaaec25c2e92df8d55)) -- __input, input-number:__ Allows numeric characters. ([#7213](https://github.com/Esri/calcite-design-system/issues/7213)) ([739f0af](https://github.com/Esri/calcite-design-system/commit/739f0af72eee0436cec7307a440e38532ee741cd)) -- __input,input-number:__ Allow typing decimal separator in firefox for arabic locale ([#7173](https://github.com/Esri/calcite-design-system/issues/7173)) ([595e6f2](https://github.com/Esri/calcite-design-system/commit/595e6f229f13facfd6f79f4069f01b2bab79fa40)) -- __list:__ No longer has incorrect border width ([a810943](https://github.com/Esri/calcite-design-system/commit/a810943fdea2c1f90f5deca35ab0501287e45489)) -- __list:__ Update selectedItems property on all item selection changes ([#7204](https://github.com/Esri/calcite-design-system/issues/7204)) ([da048f6](https://github.com/Esri/calcite-design-system/commit/da048f618a987801d8ab5c284ab0f8c549e70a16)) - -- __menu-item:__ Ensure correct order of rendered icons ([#7098](https://github.com/Esri/calcite-design-system/issues/7098)) ([fd344e9](https://github.com/Esri/calcite-design-system/commit/fd344e91fb02b5dcb3e7ef6565fc679935c078c2)), closes [#7097](https://github.com/Esri/calcite-design-system/issues/7097) -- __navigation:__ Label is no longer a required property ([#7084](https://github.com/Esri/calcite-design-system/issues/7084)) ([ba2bd4d](https://github.com/Esri/calcite-design-system/commit/ba2bd4db32b3bfbc5403a75156d4fde6859114e3)) -- __radio-button-group:__ No longer focus first radio button on label click and adds `setFocus` method. ([#7050](https://github.com/Esri/calcite-design-system/issues/7050)) ([4267b8c](https://github.com/Esri/calcite-design-system/commit/4267b8ca26db8047d42659d6062b606a90819abc)) -- __radio-button, radio-button-group:__ Prevent emitting events when selecting a checked radio button ([#7102](https://github.com/Esri/calcite-design-system/issues/7102)) ([77fcc81](https://github.com/Esri/calcite-design-system/commit/77fcc818dd2d20805318cdb6030b8aa73ccb1a58)) -- __radio-button:__ Focuses first focusable radio-button element in group. ([#7152](https://github.com/Esri/calcite-design-system/issues/7152)) ([dd7ec60](https://github.com/Esri/calcite-design-system/commit/dd7ec608779f1a34ad3c77a36b6f8fcf6fd1365a)) -- __scrim:__ Responsively set the scale of the loading spinner ([#7182](https://github.com/Esri/calcite-design-system/issues/7182)) ([72c5943](https://github.com/Esri/calcite-design-system/commit/72c59434113a550e849c77caf8d622bd50e5769e)) -- __tooltip:__ Improve component timing ([#7172](https://github.com/Esri/calcite-design-system/issues/7172)) ([106f5d2](https://github.com/Esri/calcite-design-system/commit/106f5d27afc5d7363fa197a1f9fb0552864a15e4)) -- __tree-item:__ Ensure expanded tree-item is displayed when expanded and made visible ([#7216](https://github.com/Esri/calcite-design-system/issues/7216)) ([3c0fbf5](https://github.com/Esri/calcite-design-system/commit/3c0fbf5f6789d7822a3c4050a5d56baee0a2f1a9)) +- **input-date-picker:** Fix showing the placeholder when resetting the value ([#7156](https://github.com/Esri/calcite-design-system/issues/7156)) ([8d60ffd](https://github.com/Esri/calcite-design-system/commit/8d60ffd1e68baf2b96006deaaec25c2e92df8d55)) +- **input, input-number:** Allows numeric characters. ([#7213](https://github.com/Esri/calcite-design-system/issues/7213)) ([739f0af](https://github.com/Esri/calcite-design-system/commit/739f0af72eee0436cec7307a440e38532ee741cd)) +- **input,input-number:** Allow typing decimal separator in firefox for arabic locale ([#7173](https://github.com/Esri/calcite-design-system/issues/7173)) ([595e6f2](https://github.com/Esri/calcite-design-system/commit/595e6f229f13facfd6f79f4069f01b2bab79fa40)) +- **list:** No longer has incorrect border width ([a810943](https://github.com/Esri/calcite-design-system/commit/a810943fdea2c1f90f5deca35ab0501287e45489)) +- **list:** Update selectedItems property on all item selection changes ([#7204](https://github.com/Esri/calcite-design-system/issues/7204)) ([da048f6](https://github.com/Esri/calcite-design-system/commit/da048f618a987801d8ab5c284ab0f8c549e70a16)) + +- **menu-item:** Ensure correct order of rendered icons ([#7098](https://github.com/Esri/calcite-design-system/issues/7098)) ([fd344e9](https://github.com/Esri/calcite-design-system/commit/fd344e91fb02b5dcb3e7ef6565fc679935c078c2)), closes [#7097](https://github.com/Esri/calcite-design-system/issues/7097) +- **navigation:** Label is no longer a required property ([#7084](https://github.com/Esri/calcite-design-system/issues/7084)) ([ba2bd4d](https://github.com/Esri/calcite-design-system/commit/ba2bd4db32b3bfbc5403a75156d4fde6859114e3)) +- **radio-button-group:** No longer focus first radio button on label click and adds `setFocus` method. ([#7050](https://github.com/Esri/calcite-design-system/issues/7050)) ([4267b8c](https://github.com/Esri/calcite-design-system/commit/4267b8ca26db8047d42659d6062b606a90819abc)) +- **radio-button, radio-button-group:** Prevent emitting events when selecting a checked radio button ([#7102](https://github.com/Esri/calcite-design-system/issues/7102)) ([77fcc81](https://github.com/Esri/calcite-design-system/commit/77fcc818dd2d20805318cdb6030b8aa73ccb1a58)) +- **radio-button:** Focuses first focusable radio-button element in group. ([#7152](https://github.com/Esri/calcite-design-system/issues/7152)) ([dd7ec60](https://github.com/Esri/calcite-design-system/commit/dd7ec608779f1a34ad3c77a36b6f8fcf6fd1365a)) +- **scrim:** Responsively set the scale of the loading spinner ([#7182](https://github.com/Esri/calcite-design-system/issues/7182)) ([72c5943](https://github.com/Esri/calcite-design-system/commit/72c59434113a550e849c77caf8d622bd50e5769e)) +- **tooltip:** Improve component timing ([#7172](https://github.com/Esri/calcite-design-system/issues/7172)) ([106f5d2](https://github.com/Esri/calcite-design-system/commit/106f5d27afc5d7363fa197a1f9fb0552864a15e4)) +- **tree-item:** Ensure expanded tree-item is displayed when expanded and made visible ([#7216](https://github.com/Esri/calcite-design-system/issues/7216)) ([3c0fbf5](https://github.com/Esri/calcite-design-system/commit/3c0fbf5f6789d7822a3c4050a5d56baee0a2f1a9)) ## [v1.4.2](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.4.1...@esri/calcite-components@1.4.2) (2023-05-30) ### Bug Fixes -- __list-item:__ always emit calciteListItemSelect on activation ([#7058](https://github.com/Esri/calcite-design-system/issues/7058)) ([cdbc35e](https://github.com/Esri/calcite-design-system/commit/cdbc35e199ace95e6e4f6c09e1b32cd34a035959)) +- **list-item:** always emit calciteListItemSelect on activation ([#7058](https://github.com/Esri/calcite-design-system/issues/7058)) ([cdbc35e](https://github.com/Esri/calcite-design-system/commit/cdbc35e199ace95e6e4f6c09e1b32cd34a035959)) ## [v1.4.1](https://github.com/Esri/calcite-design-system/compare/v1.4.0...@esri/calcite-components@1.4.1) (2023-05-26) ### Bug Fixes -- __tab-nav:__ justify centered `tab-titles` evenly to extend across the width of `tab-nav` ([#7047](https://github.com/Esri/calcite-design-system/issues/7047)) ([8ef0421](https://github.com/Esri/calcite-design-system/commit/8ef04219b8e63d6053106cedc2449e58e7123660)), closes [#7025](https://github.com/Esri/calcite-design-system/issues/7025) [#7026](https://github.com/Esri/calcite-design-system/issues/7026) +- **tab-nav:** justify centered `tab-titles` evenly to extend across the width of `tab-nav` ([#7047](https://github.com/Esri/calcite-design-system/issues/7047)) ([8ef0421](https://github.com/Esri/calcite-design-system/commit/8ef04219b8e63d6053106cedc2449e58e7123660)), closes [#7025](https://github.com/Esri/calcite-design-system/issues/7025) [#7026](https://github.com/Esri/calcite-design-system/issues/7026) -- __input-time-picker:__ only load valid dayjs locale files and fallback to base lang when region code is unsupported ([#7049](https://github.com/Esri/calcite-design-system/issues/7049)) ([d6a99d5](https://github.com/Esri/calcite-design-system/commit/d6a99d595f4a583794e1b190db2920159cf3ec5b)), closes [#7040](https://github.com/Esri/calcite-design-system/issues/7040) +- **input-time-picker:** only load valid dayjs locale files and fallback to base lang when region code is unsupported ([#7049](https://github.com/Esri/calcite-design-system/issues/7049)) ([d6a99d5](https://github.com/Esri/calcite-design-system/commit/d6a99d595f4a583794e1b190db2920159cf3ec5b)), closes [#7040](https://github.com/Esri/calcite-design-system/issues/7040) -- __combobox:__ restore toggling of single-select combobox items ([#7044](https://github.com/Esri/calcite-design-system/issues/7044)) ([bb8df53](https://github.com/Esri/calcite-design-system/commit/bb8df53f54bcbb55aac3f2429aeb081f58002606)), closes [#4738](https://github.com/Esri/calcite-design-system/issues/4738) [#3074](https://github.com/Esri/calcite-design-system/issues/3074) [#4738](https://github.com/Esri/calcite-design-system/issues/4738) -- __input-time-picker:__ allow en-us and other supported lowercase locale codes ([#7038](https://github.com/Esri/calcite-design-system/issues/7038)) ([3fdee43](https://github.com/Esri/calcite-design-system/commit/3fdee4398d9b9134e319e48cad6bb81b6c310ae7)), closes [#7036](https://github.com/Esri/calcite-design-system/issues/7036) -- __list-item:__ Improve item toggle behavior ([#7016](https://github.com/Esri/calcite-design-system/issues/7016)) ([004d0ee](https://github.com/Esri/calcite-design-system/commit/004d0ee8c5fb19a80f33986c864e79ae13bd733f)), closes [#7017](https://github.com/Esri/calcite-design-system/issues/7017) +- **combobox:** restore toggling of single-select combobox items ([#7044](https://github.com/Esri/calcite-design-system/issues/7044)) ([bb8df53](https://github.com/Esri/calcite-design-system/commit/bb8df53f54bcbb55aac3f2429aeb081f58002606)), closes [#4738](https://github.com/Esri/calcite-design-system/issues/4738) [#3074](https://github.com/Esri/calcite-design-system/issues/3074) [#4738](https://github.com/Esri/calcite-design-system/issues/4738) +- **input-time-picker:** allow en-us and other supported lowercase locale codes ([#7038](https://github.com/Esri/calcite-design-system/issues/7038)) ([3fdee43](https://github.com/Esri/calcite-design-system/commit/3fdee4398d9b9134e319e48cad6bb81b6c310ae7)), closes [#7036](https://github.com/Esri/calcite-design-system/issues/7036) +- **list-item:** Improve item toggle behavior ([#7016](https://github.com/Esri/calcite-design-system/issues/7016)) ([004d0ee](https://github.com/Esri/calcite-design-system/commit/004d0ee8c5fb19a80f33986c864e79ae13bd733f)), closes [#7017](https://github.com/Esri/calcite-design-system/issues/7017) -- __tab-title:__ tabs center when set to `layout='center'` ([#7026](https://github.com/Esri/calcite-design-system/issues/7026)) ([0bd677b](https://github.com/Esri/calcite-design-system/commit/0bd677b7290f5fbc2b39bf1c0d9827d82950837a)), closes [#7025](https://github.com/Esri/calcite-design-system/issues/7025) +- **tab-title:** tabs center when set to `layout='center'` ([#7026](https://github.com/Esri/calcite-design-system/issues/7026)) ([0bd677b](https://github.com/Esri/calcite-design-system/commit/0bd677b7290f5fbc2b39bf1c0d9827d82950837a)), closes [#7025](https://github.com/Esri/calcite-design-system/issues/7025) -- __color-picker:__ fix pasting hex with leading # character ([#7030](https://github.com/Esri/calcite-design-system/issues/7030)) ([1c8f3d7](https://github.com/Esri/calcite-design-system/commit/1c8f3d7058f7a04cc480d92a5f954eac8631e441)), closes [#4072](https://github.com/Esri/calcite-design-system/issues/4072) [/github.com/Esri/calcite-design-system/pull/5189#issue-1344620750](https://github.com/Esri//github.com/Esri/calcite-design-system/pull/5189/issues/issue-1344620750) -- __input-time-picker:__ resolve dayjs type error ([#7037](https://github.com/Esri/calcite-design-system/issues/7037)) ([7cb1445](https://github.com/Esri/calcite-design-system/commit/7cb144555b871d8541ffc87c28ee60fb39038b29)), closes [#6990](https://github.com/Esri/calcite-design-system/issues/6990) +- **color-picker:** fix pasting hex with leading # character ([#7030](https://github.com/Esri/calcite-design-system/issues/7030)) ([1c8f3d7](https://github.com/Esri/calcite-design-system/commit/1c8f3d7058f7a04cc480d92a5f954eac8631e441)), closes [#4072](https://github.com/Esri/calcite-design-system/issues/4072) [/github.com/Esri/calcite-design-system/pull/5189#issue-1344620750](https://github.com/Esri//github.com/Esri/calcite-design-system/pull/5189/issues/issue-1344620750) +- **input-time-picker:** resolve dayjs type error ([#7037](https://github.com/Esri/calcite-design-system/issues/7037)) ([7cb1445](https://github.com/Esri/calcite-design-system/commit/7cb144555b871d8541ffc87c28ee60fb39038b29)), closes [#6990](https://github.com/Esri/calcite-design-system/issues/6990) - ensure mouse events are blocked only when components are disabled ([#7031](https://github.com/Esri/calcite-design-system/issues/7031)) ([308ccda](https://github.com/Esri/calcite-design-system/commit/308ccda4a119d23f5692d8a7fbe441b0b633c460)), closes [#7022](https://github.com/Esri/calcite-design-system/issues/7022) -- __input-time-picker:__ ensure dynamic date/time locale config imports are compatible with bundlers that require static import paths ([#6990](https://github.com/Esri/calcite-design-system/issues/6990)) ([9aa094a](https://github.com/Esri/calcite-design-system/commit/9aa094a77457bc54b24e06f7fd4d5857c2029cbe)), closes [#7019](https://github.com/Esri/calcite-design-system/issues/7019) -- __menu-item:__ Ensure icon displays when `href` is populated ([#7028](https://github.com/Esri/calcite-design-system/issues/7028)) ([ad25cbe](https://github.com/Esri/calcite-design-system/commit/ad25cbe11a5576932543f984d0ce877c85653ae6)), closes [#7027](https://github.com/Esri/calcite-design-system/issues/7027) +- **input-time-picker:** ensure dynamic date/time locale config imports are compatible with bundlers that require static import paths ([#6990](https://github.com/Esri/calcite-design-system/issues/6990)) ([9aa094a](https://github.com/Esri/calcite-design-system/commit/9aa094a77457bc54b24e06f7fd4d5857c2029cbe)), closes [#7019](https://github.com/Esri/calcite-design-system/issues/7019) +- **menu-item:** Ensure icon displays when `href` is populated ([#7028](https://github.com/Esri/calcite-design-system/issues/7028)) ([ad25cbe](https://github.com/Esri/calcite-design-system/commit/ad25cbe11a5576932543f984d0ce877c85653ae6)), closes [#7027](https://github.com/Esri/calcite-design-system/issues/7027) -- __list:__ filter nested children correctly ([#6989](https://github.com/Esri/calcite-design-system/issues/6989)) ([67ca03b](https://github.com/Esri/calcite-design-system/commit/67ca03b40707e0b242efa0761f2105e248f7ef74)), closes [#6574](https://github.com/Esri/calcite-design-system/issues/6574) +- **list:** filter nested children correctly ([#6989](https://github.com/Esri/calcite-design-system/issues/6989)) ([67ca03b](https://github.com/Esri/calcite-design-system/commit/67ca03b40707e0b242efa0761f2105e248f7ef74)), closes [#6574](https://github.com/Esri/calcite-design-system/issues/6574) -- __color-picker:__ prevent hue slider thumb from wrapping when dragged near/past the edge ([#7009](https://github.com/Esri/calcite-design-system/issues/7009)) ([2d14a16](https://github.com/Esri/calcite-design-system/commit/2d14a160e8d11facf6478297db29455e5bf5ebbe)), closes [#7004](https://github.com/Esri/calcite-design-system/issues/7004) [#2841](https://github.com/Esri/calcite-design-system/issues/2841) -- __menu:__ ensure role type is compatible with Stencil's HTMLAttributes interface ([#6993](https://github.com/Esri/calcite-design-system/issues/6993)) ([0231983](https://github.com/Esri/calcite-design-system/commit/0231983d0387298ed64c6f9c3dc01ef0d41807e6)), closes [#7000](https://github.com/Esri/calcite-design-system/issues/7000) -- __navigation-logo, navigation-user:__ Prevent inheriting line-height ([#7011](https://github.com/Esri/calcite-design-system/issues/7011)) ([e8cb96b](https://github.com/Esri/calcite-design-system/commit/e8cb96bc7b00f84eb993e1dfda9c9cb441e818c0)), closes [#7010](https://github.com/Esri/calcite-design-system/issues/7010) +- **color-picker:** prevent hue slider thumb from wrapping when dragged near/past the edge ([#7009](https://github.com/Esri/calcite-design-system/issues/7009)) ([2d14a16](https://github.com/Esri/calcite-design-system/commit/2d14a160e8d11facf6478297db29455e5bf5ebbe)), closes [#7004](https://github.com/Esri/calcite-design-system/issues/7004) [#2841](https://github.com/Esri/calcite-design-system/issues/2841) +- **menu:** ensure role type is compatible with Stencil's HTMLAttributes interface ([#6993](https://github.com/Esri/calcite-design-system/issues/6993)) ([0231983](https://github.com/Esri/calcite-design-system/commit/0231983d0387298ed64c6f9c3dc01ef0d41807e6)), closes [#7000](https://github.com/Esri/calcite-design-system/issues/7000) +- **navigation-logo, navigation-user:** Prevent inheriting line-height ([#7011](https://github.com/Esri/calcite-design-system/issues/7011)) ([e8cb96b](https://github.com/Esri/calcite-design-system/commit/e8cb96bc7b00f84eb993e1dfda9c9cb441e818c0)), closes [#7010](https://github.com/Esri/calcite-design-system/issues/7010) -- __hydrate:__ fix errors caused by message bundle fetch attempts during prerendering ([#7002](https://github.com/Esri/calcite-design-system/issues/7002)) ([c482a7f](https://github.com/Esri/calcite-design-system/commit/c482a7f7e5aa2cd279a0c48f7f120a5c54937800)), closes [#7001](https://github.com/Esri/calcite-design-system/issues/7001) +- **hydrate:** fix errors caused by message bundle fetch attempts during prerendering ([#7002](https://github.com/Esri/calcite-design-system/issues/7002)) ([c482a7f](https://github.com/Esri/calcite-design-system/commit/c482a7f7e5aa2cd279a0c48f7f120a5c54937800)), closes [#7001](https://github.com/Esri/calcite-design-system/issues/7001) ### Reverts @@ -535,23 +535,23 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline - tailwind to use calcite-design-tokens instead of calcite-colors ([#6884](https://github.com/Esri/calcite-design-system/issues/6884)) ([28d6e92](https://github.com/Esri/calcite-design-system/commit/28d6e92441baf862cda59d24ad794803b463f9e4)) -- __styles:__ Add additional animation classes ([#6928](https://github.com/Esri/calcite-design-system/issues/6928)) ([7b2b62e](https://github.com/Esri/calcite-design-system/commit/7b2b62e823495b2e57e35d6843469ab2b6117fee)) +- **styles:** Add additional animation classes ([#6928](https://github.com/Esri/calcite-design-system/issues/6928)) ([7b2b62e](https://github.com/Esri/calcite-design-system/commit/7b2b62e823495b2e57e35d6843469ab2b6117fee)) -- __menu, menu-item:__ Adds menu & menu-item components. ([#6901](https://github.com/Esri/calcite-design-system/issues/6901)) ([0990bf6](https://github.com/Esri/calcite-design-system/commit/0990bf62b39d00f9bd05abd513ddbd854edce2ea)), closes [#6531](https://github.com/Esri/calcite-design-system/issues/6531) +- **menu, menu-item:** Adds menu & menu-item components. ([#6901](https://github.com/Esri/calcite-design-system/issues/6901)) ([0990bf6](https://github.com/Esri/calcite-design-system/commit/0990bf62b39d00f9bd05abd513ddbd854edce2ea)), closes [#6531](https://github.com/Esri/calcite-design-system/issues/6531) -- __navigation, navigation-logo, navigation-user:__ Add navigation, navigation-logo & navigation-user components. ([#6873](https://github.com/Esri/calcite-design-system/pull/6873)) ([167f9f8](https://github.com/Esri/calcite-design-system/commit/167f9f803b0616cf1d89df222ca2eab8c09a6aa7)), closes [#6531](https://github.com/Esri/calcite-design-system/issues/6531) +- **navigation, navigation-logo, navigation-user:** Add navigation, navigation-logo & navigation-user components. ([#6873](https://github.com/Esri/calcite-design-system/pull/6873)) ([167f9f8](https://github.com/Esri/calcite-design-system/commit/167f9f803b0616cf1d89df222ca2eab8c09a6aa7)), closes [#6531](https://github.com/Esri/calcite-design-system/issues/6531) -- __panel, flow-item:__ Add CSS custom property to define footer padding and deprecate "footer-actions" slot. ([#6906](https://github.com/Esri/calcite-design-system/issues/6906)) ([cfa5689](https://github.com/Esri/calcite-design-system/commit/cfa56894f1217c3a0ce975b1cad9d64dcba97a3f)), closes [#6892](https://github.com/Esri/calcite-design-system/issues/6892) +- **panel, flow-item:** Add CSS custom property to define footer padding and deprecate "footer-actions" slot. ([#6906](https://github.com/Esri/calcite-design-system/issues/6906)) ([cfa5689](https://github.com/Esri/calcite-design-system/commit/cfa56894f1217c3a0ce975b1cad9d64dcba97a3f)), closes [#6892](https://github.com/Esri/calcite-design-system/issues/6892) -- __action-bar:__ Improve border display in horizontal layout ([#6888](https://github.com/Esri/calcite-design-system/issues/6888)) ([62e4665](https://github.com/Esri/calcite-design-system/commit/62e4665ccec30ae3e37325bcc2dff2e4000d382a)), closes [#6758](https://github.com/Esri/calcite-design-system/issues/6758) +- **action-bar:** Improve border display in horizontal layout ([#6888](https://github.com/Esri/calcite-design-system/issues/6888)) ([62e4665](https://github.com/Esri/calcite-design-system/commit/62e4665ccec30ae3e37325bcc2dff2e4000d382a)), closes [#6758](https://github.com/Esri/calcite-design-system/issues/6758) -- __avatar:__ add label prop for alternative text & aria-label ([#6910](https://github.com/Esri/calcite-design-system/issues/6910)) ([e8d78e7](https://github.com/Esri/calcite-design-system/commit/e8d78e783e9137870747a1a9513c335f9470ca51)), closes [#5564](https://github.com/Esri/calcite-design-system/issues/5564) +- **avatar:** add label prop for alternative text & aria-label ([#6910](https://github.com/Esri/calcite-design-system/issues/6910)) ([e8d78e7](https://github.com/Esri/calcite-design-system/commit/e8d78e783e9137870747a1a9513c335f9470ca51)), closes [#5564](https://github.com/Esri/calcite-design-system/issues/5564) -- __color-picker:__ add support for alpha channel (deprecates `hideChannels`, `hideHex`, `hideSaved`) ([#2841](https://github.com/Esri/calcite-design-system/issues/2841)) ([83c5808](https://github.com/Esri/calcite-design-system/commit/83c58080ddfcf7ca487f30c3c3057a907fcc2960)), closes [#749](https://github.com/Esri/calcite-design-system/issues/749) +- **color-picker:** add support for alpha channel (deprecates `hideChannels`, `hideHex`, `hideSaved`) ([#2841](https://github.com/Esri/calcite-design-system/issues/2841)) ([83c5808](https://github.com/Esri/calcite-design-system/commit/83c58080ddfcf7ca487f30c3c3057a907fcc2960)), closes [#749](https://github.com/Esri/calcite-design-system/issues/749) -- __combobox:__ make combobox clearable ([#6972](https://github.com/Esri/calcite-design-system/issues/6972)) ([ee5444c](https://github.com/Esri/calcite-design-system/commit/ee5444c6fd986c7ea87c0daf56054f64c13d525d)), closes [#4738](https://github.com/Esri/calcite-design-system/issues/4738) +- **combobox:** make combobox clearable ([#6972](https://github.com/Esri/calcite-design-system/issues/6972)) ([ee5444c](https://github.com/Esri/calcite-design-system/commit/ee5444c6fd986c7ea87c0daf56054f64c13d525d)), closes [#4738](https://github.com/Esri/calcite-design-system/issues/4738) -- __flow-item:__ Add action bar slot ([#6887](https://github.com/Esri/calcite-design-system/issues/6887)) ([aa8b46c](https://github.com/Esri/calcite-design-system/commit/aa8b46c5c0cf19080d45b1d38b911f5d83a1dd05)), closes [#6886](https://github.com/Esri/calcite-design-system/issues/6886) +- **flow-item:** Add action bar slot ([#6887](https://github.com/Esri/calcite-design-system/issues/6887)) ([aa8b46c](https://github.com/Esri/calcite-design-system/commit/aa8b46c5c0cf19080d45b1d38b911f5d83a1dd05)), closes [#6886](https://github.com/Esri/calcite-design-system/issues/6886) - **list:** @@ -559,45 +559,45 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline - Add `single-persist` selection mode ([#6882](https://github.com/Esri/calcite-design-system/issues/6882)) ([dc332cb](https://github.com/Esri/calcite-design-system/commit/dc332cbc917026d3b6480fd9d0b6ff68cd8fe21b)), closes [#6382](https://github.com/Esri/calcite-design-system/issues/6382) -- __shell-panel:__ Add `displayMode` and `heightScale` properties and deprecate `detached` and `detachedHeightScale` ([#6919](https://github.com/Esri/calcite-design-system/issues/6919)) ([c34d2b8](https://github.com/Esri/calcite-design-system/commit/c34d2b86eab2fef7273562a55dd7f7db555f2fca)), closes [#6388](https://github.com/Esri/calcite-design-system/issues/6388) +- **shell-panel:** Add `displayMode` and `heightScale` properties and deprecate `detached` and `detachedHeightScale` ([#6919](https://github.com/Esri/calcite-design-system/issues/6919)) ([c34d2b8](https://github.com/Esri/calcite-design-system/commit/c34d2b86eab2fef7273562a55dd7f7db555f2fca)), closes [#6388](https://github.com/Esri/calcite-design-system/issues/6388) -- __stack:__ Adds new `Stack` component to arrange content and actions ([#6903](https://github.com/Esri/calcite-design-system/pull/6903)) ([bbced3a](https://github.com/Esri/calcite-design-system/commit/bbced3ab4961023b18b11f5e2416196c4b6ba2b3)), closes [#6743](https://github.com/Esri/calcite-design-system/issues/6743) [#5664](https://github.com/Esri/calcite-design-system/issues/5664) +- **stack:** Adds new `Stack` component to arrange content and actions ([#6903](https://github.com/Esri/calcite-design-system/pull/6903)) ([bbced3a](https://github.com/Esri/calcite-design-system/commit/bbced3ab4961023b18b11f5e2416196c4b6ba2b3)), closes [#6743](https://github.com/Esri/calcite-design-system/issues/6743) [#5664](https://github.com/Esri/calcite-design-system/issues/5664) -- __tab-nav__: adds optional closable functionality to individual `tab-titles` ([#6740](https://github.com/Esri/calcite-design-system/pull/6740)) ([d30792d](https://github.com/Esri/calcite-design-system/commit/d30792d21285b1c99e3f093373e7a4a639fc25e9)), closes [#2620](https://github.com/Esri/calcite-design-system/issues/2620) +- **tab-nav**: adds optional closable functionality to individual `tab-titles` ([#6740](https://github.com/Esri/calcite-design-system/pull/6740)) ([d30792d](https://github.com/Esri/calcite-design-system/commit/d30792d21285b1c99e3f093373e7a4a639fc25e9)), closes [#2620](https://github.com/Esri/calcite-design-system/issues/2620) ### Bug Fixes -- __deps:__ move `composed-offset-position` to dependencies ([#6895](https://github.com/Esri/calcite-design-system/issues/6895)) ([747e471](https://github.com/Esri/calcite-design-system/commit/747e4714b0d42bf7d582b998f38d7a0c211bd308)), closes [#6875](https://github.com/Esri/calcite-design-system/issues/6875) +- **deps:** move `composed-offset-position` to dependencies ([#6895](https://github.com/Esri/calcite-design-system/issues/6895)) ([747e471](https://github.com/Esri/calcite-design-system/commit/747e4714b0d42bf7d582b998f38d7a0c211bd308)), closes [#6875](https://github.com/Esri/calcite-design-system/issues/6875) -- __tooltip, popover:__ Support transparent backgrounds [#6803](https://github.com/Esri/calcite-design-system/issues/6803) ([#6847](https://github.com/Esri/calcite-design-system/issues/6847)) ([7eec6fb](https://github.com/Esri/calcite-design-system/commit/7eec6fbd34f288fc5323b95d209e85f17240b9ce)), closes [#6798](https://github.com/Esri/calcite-design-system/issues/6798) [floating-ui/floating-ui#2195](https://github.com/floating-ui/floating-ui/issues/2195) +- **tooltip, popover:** Support transparent backgrounds [#6803](https://github.com/Esri/calcite-design-system/issues/6803) ([#6847](https://github.com/Esri/calcite-design-system/issues/6847)) ([7eec6fb](https://github.com/Esri/calcite-design-system/commit/7eec6fbd34f288fc5323b95d209e85f17240b9ce)), closes [#6798](https://github.com/Esri/calcite-design-system/issues/6798) [floating-ui/floating-ui#2195](https://github.com/floating-ui/floating-ui/issues/2195) -- __value-list, sortable-list:__ fix nested sorting components ([#6983](https://github.com/Esri/calcite-design-system/issues/6983)) ([b4bbdf3](https://github.com/Esri/calcite-design-system/commit/b4bbdf3d709b8b1adb04fe090957451f731f48bb)), closes [#6024](https://github.com/Esri/calcite-design-system/issues/6024) +- **value-list, sortable-list:** fix nested sorting components ([#6983](https://github.com/Esri/calcite-design-system/issues/6983)) ([b4bbdf3](https://github.com/Esri/calcite-design-system/commit/b4bbdf3d709b8b1adb04fe090957451f731f48bb)), closes [#6024](https://github.com/Esri/calcite-design-system/issues/6024) -- __action-bar:__ Set background color on action-bar ([#6917](https://github.com/Esri/calcite-design-system/issues/6917)) ([0062cbf](https://github.com/Esri/calcite-design-system/commit/0062cbf0e3464611d7fb93296e5625c95c2d1a08)), closes [#6865](https://github.com/Esri/calcite-design-system/issues/6865) +- **action-bar:** Set background color on action-bar ([#6917](https://github.com/Esri/calcite-design-system/issues/6917)) ([0062cbf](https://github.com/Esri/calcite-design-system/commit/0062cbf0e3464611d7fb93296e5625c95c2d1a08)), closes [#6865](https://github.com/Esri/calcite-design-system/issues/6865) -- __block:__ Corrects alignment of slotted icon ([#6883](https://github.com/Esri/calcite-design-system/issues/6883)) ([8fec45e](https://github.com/Esri/calcite-design-system/commit/8fec45e91b18b8a6252bb9eeed7b2a85289123b4)), closes [#6627](https://github.com/Esri/calcite-design-system/issues/6627) +- **block:** Corrects alignment of slotted icon ([#6883](https://github.com/Esri/calcite-design-system/issues/6883)) ([8fec45e](https://github.com/Esri/calcite-design-system/commit/8fec45e91b18b8a6252bb9eeed7b2a85289123b4)), closes [#6627](https://github.com/Esri/calcite-design-system/issues/6627) -- __chip:__ Uses correct aria role in a selection-mode:none Chip Group ([#6862](https://github.com/Esri/calcite-design-system/issues/6862)) ([ab89ceb](https://github.com/Esri/calcite-design-system/commit/ab89ceb200cc6a5a2cc7015854b2fa78d36fec7d)) +- **chip:** Uses correct aria role in a selection-mode:none Chip Group ([#6862](https://github.com/Esri/calcite-design-system/issues/6862)) ([ab89ceb](https://github.com/Esri/calcite-design-system/commit/ab89ceb200cc6a5a2cc7015854b2fa78d36fec7d)) -- __combobox:__ ensure most recent selected item is active when combobox is opened ([#6973](https://github.com/Esri/calcite-design-system/issues/6973)) ([8476595](https://github.com/Esri/calcite-design-system/commit/84765950a1b476d14b699c542f0651ce2379df78)) +- **combobox:** ensure most recent selected item is active when combobox is opened ([#6973](https://github.com/Esri/calcite-design-system/issues/6973)) ([8476595](https://github.com/Esri/calcite-design-system/commit/84765950a1b476d14b699c542f0651ce2379df78)) -- __flow-item:__ Close back button tooltip on click ([#6978](https://github.com/Esri/calcite-design-system/issues/6978)) ([224b695](https://github.com/Esri/calcite-design-system/commit/224b69547689c1809f8a0974311be4fdc9c97190)) +- **flow-item:** Close back button tooltip on click ([#6978](https://github.com/Esri/calcite-design-system/issues/6978)) ([224b695](https://github.com/Esri/calcite-design-system/commit/224b69547689c1809f8a0974311be4fdc9c97190)) -- __input-date-picker:__ update input-date-picker to properly handle Buddhist calendar changes ([#6970](https://github.com/Esri/calcite-design-system/issues/6970)) ([1d8ad68](https://github.com/Esri/calcite-design-system/commit/1d8ad68d6a61c5a14c536a19783e8534b31962dc)), closes [#6636](https://github.com/Esri/calcite-design-system/issues/6636) +- **input-date-picker:** update input-date-picker to properly handle Buddhist calendar changes ([#6970](https://github.com/Esri/calcite-design-system/issues/6970)) ([1d8ad68](https://github.com/Esri/calcite-design-system/commit/1d8ad68d6a61c5a14c536a19783e8534b31962dc)), closes [#6636](https://github.com/Esri/calcite-design-system/issues/6636) -- __input-time-picker:__ allow entering localized time formats ([#6936](https://github.com/Esri/calcite-design-system/issues/6936)) ([ad1f71a](https://github.com/Esri/calcite-design-system/commit/ad1f71a26db8aaf8f9513e41890675b8b8815d09)), closes [#6398](https://github.com/Esri/calcite-design-system/issues/6398) +- **input-time-picker:** allow entering localized time formats ([#6936](https://github.com/Esri/calcite-design-system/issues/6936)) ([ad1f71a](https://github.com/Esri/calcite-design-system/commit/ad1f71a26db8aaf8f9513e41890675b8b8815d09)), closes [#6398](https://github.com/Esri/calcite-design-system/issues/6398) -- __panel:__ Remove min-block-size from footer ([#6907](https://github.com/Esri/calcite-design-system/issues/6907)) ([c2681e7](https://github.com/Esri/calcite-design-system/commit/c2681e7b168b0983026b34ec640166aa7a1a016e)), closes [#6733](https://github.com/Esri/calcite-design-system/issues/6733) +- **panel:** Remove min-block-size from footer ([#6907](https://github.com/Esri/calcite-design-system/issues/6907)) ([c2681e7](https://github.com/Esri/calcite-design-system/commit/c2681e7b168b0983026b34ec640166aa7a1a016e)), closes [#6733](https://github.com/Esri/calcite-design-system/issues/6733) -- __segmented-control:__ handle segmented-control-items with duplicate values ([#6963](https://github.com/Esri/calcite-design-system/issues/6963)) ([3a5ad87](https://github.com/Esri/calcite-design-system/commit/3a5ad87e49ed09fed70eb2be05f2668ad308a28b)), closes [#6283](https://github.com/Esri/calcite-design-system/issues/6283) +- **segmented-control:** handle segmented-control-items with duplicate values ([#6963](https://github.com/Esri/calcite-design-system/issues/6963)) ([3a5ad87](https://github.com/Esri/calcite-design-system/commit/3a5ad87e49ed09fed70eb2be05f2668ad308a28b)), closes [#6283](https://github.com/Esri/calcite-design-system/issues/6283) -- __shell-center-row:__ Correctly do not set Action Bar layout ([#6891](https://github.com/Esri/calcite-design-system/issues/6891)) ([7e96dd0](https://github.com/Esri/calcite-design-system/commit/7e96dd04841ab3ac8a2571b680807bb27ac2311e)), closes [#6890](https://github.com/Esri/calcite-design-system/issues/6890) +- **shell-center-row:** Correctly do not set Action Bar layout ([#6891](https://github.com/Esri/calcite-design-system/issues/6891)) ([7e96dd0](https://github.com/Esri/calcite-design-system/commit/7e96dd04841ab3ac8a2571b680807bb27ac2311e)), closes [#6890](https://github.com/Esri/calcite-design-system/issues/6890) -- __tab-nav:__ ensure selected title is set when tab change event is emitted ([#6986](https://github.com/Esri/calcite-design-system/pull/6986)) ([1fd5b9b](https://github.com/Esri/calcite-design-system/commit/1fd5b9bc4c2676b291c546aa4d3893d5f9639d31)), closes [#6299](https://github.com/Esri/calcite-design-system/issues/6299) +- **tab-nav:** ensure selected title is set when tab change event is emitted ([#6986](https://github.com/Esri/calcite-design-system/pull/6986)) ([1fd5b9b](https://github.com/Esri/calcite-design-system/commit/1fd5b9bc4c2676b291c546aa4d3893d5f9639d31)), closes [#6299](https://github.com/Esri/calcite-design-system/issues/6299) -- __time-picker:__ prevent time part steppers from being focusable ([#6982](https://github.com/Esri/calcite-design-system/issues/6982)) ([41701a5](https://github.com/Esri/calcite-design-system/commit/41701a51d6a7363277601840956885dad7982497)), closes [#6851](https://github.com/Esri/calcite-design-system/issues/6851) +- **time-picker:** prevent time part steppers from being focusable ([#6982](https://github.com/Esri/calcite-design-system/issues/6982)) ([41701a5](https://github.com/Esri/calcite-design-system/commit/41701a51d6a7363277601840956885dad7982497)), closes [#6851](https://github.com/Esri/calcite-design-system/issues/6851) -- __tip-manager:__ Set padding for tips and tip-groups consistently ([#6959](https://github.com/Esri/calcite-design-system/issues/6959)) ([fbd2f3f](https://github.com/Esri/calcite-design-system/commit/fbd2f3fe6d53929bc3dd34bad1a7a6a7d9b2d3f0)), closes [#6464](https://github.com/Esri/calcite-design-system/issues/6464) +- **tip-manager:** Set padding for tips and tip-groups consistently ([#6959](https://github.com/Esri/calcite-design-system/issues/6959)) ([fbd2f3f](https://github.com/Esri/calcite-design-system/commit/fbd2f3fe6d53929bc3dd34bad1a7a6a7d9b2d3f0)), closes [#6464](https://github.com/Esri/calcite-design-system/issues/6464) - **tooltip:** @@ -607,13 +607,13 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline - Open hovered tooltip while pointer is moving ([#6868](https://github.com/Esri/calcite-design-system/issues/6868)) ([76b02f6](https://github.com/Esri/calcite-design-system/commit/76b02f62c8c016e6cb59317def98341944bfad3a)), closes [#6278](https://github.com/Esri/calcite-design-system/issues/6278) [#6615](https://github.com/Esri/calcite-design-system/issues/6615) [#6785](https://github.com/Esri/calcite-design-system/issues/6785) -- __tree:__ allow selection of parent category w/out selecting children ([#6926](https://github.com/Esri/calcite-design-system/issues/6926)) ([601ec67](https://github.com/Esri/calcite-design-system/commit/601ec679426c7145f7a40fb5982437df5cc99a97)), closes [#6912](https://github.com/Esri/calcite-design-system/issues/6912) [#6444](https://github.com/Esri/calcite-design-system/issues/6444) [#6509](https://github.com/Esri/calcite-design-system/issues/6509) [#6444](https://github.com/Esri/calcite-design-system/issues/6444) [#6912](https://github.com/Esri/calcite-design-system/issues/6912) [#6509](https://github.com/Esri/calcite-design-system/issues/6509) +- **tree:** allow selection of parent category w/out selecting children ([#6926](https://github.com/Esri/calcite-design-system/issues/6926)) ([601ec67](https://github.com/Esri/calcite-design-system/commit/601ec679426c7145f7a40fb5982437df5cc99a97)), closes [#6912](https://github.com/Esri/calcite-design-system/issues/6912) [#6444](https://github.com/Esri/calcite-design-system/issues/6444) [#6509](https://github.com/Esri/calcite-design-system/issues/6509) [#6444](https://github.com/Esri/calcite-design-system/issues/6444) [#6912](https://github.com/Esri/calcite-design-system/issues/6912) [#6509](https://github.com/Esri/calcite-design-system/issues/6509) ## [v1.3.1](https://github.com/Esri/calcite-design-system/compare/v1.3.0...v1.3.1) (2023-04-25) ### Bug Fixes -- __chip:__ Ensure Chip displays without Chip Group label in Custom Element ([#6858](https://github.com/Esri/calcite-design-system/issues/6858)) ([8bf16b9](https://github.com/Esri/calcite-design-system/commit/8bf16b98e50bb2dd457454071f42306071c801d0)), closes [#6856](https://github.com/Esri/calcite-design-system/issues/6856) +- **chip:** Ensure Chip displays without Chip Group label in Custom Element ([#6858](https://github.com/Esri/calcite-design-system/issues/6858)) ([8bf16b9](https://github.com/Esri/calcite-design-system/commit/8bf16b98e50bb2dd457454071f42306071c801d0)), closes [#6856](https://github.com/Esri/calcite-design-system/issues/6856) - fix inheritance of default focus-color value ([#6859](https://github.com/Esri/calcite-design-system/issues/6859)) ([22b4c7a](https://github.com/Esri/calcite-design-system/commit/22b4c7abed0723c7fb0b99f1e6d3cf850ecee7d8)), closes [#6857](https://github.com/Esri/calcite-design-system/issues/6857) @@ -624,156 +624,156 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline - add global CSS props for focus offset and color ([#6782](https://github.com/Esri/calcite-design-system/issues/6782)) ([fbe7b20](https://github.com/Esri/calcite-design-system/commit/fbe7b205c49d89928aba2c67166d309bcc3418bd)), closes [#3392](https://github.com/Esri/calcite-design-system/issues/3392) - allow disabled elements to emit pointer events without triggering activation ([#6732](https://github.com/Esri/calcite-design-system/issues/6732)) ([c151025](https://github.com/Esri/calcite-design-system/commit/c151025069be81734b90371389eef717b2f686ed)), closes [#5318](https://github.com/Esri/calcite-design-system/issues/5318) - make getAssetPath available in output targets ([#6755](https://github.com/Esri/calcite-design-system/issues/6755)) ([f915aa1](https://github.com/Esri/calcite-design-system/commit/f915aa1766a0519409a6f5638ed5edd45beee8df)), closes [#6696](https://github.com/Esri/calcite-design-system/issues/6696) -- __action-bar, action-pad:__ Set layout property on child action-group elements. ([#6739](https://github.com/Esri/calcite-design-system/issues/6739)) ([8eefa12](https://github.com/Esri/calcite-design-system/commit/8eefa12e83246583e14d936a95de993a06eb03ee)), closes [#6390](https://github.com/Esri/calcite-design-system/issues/6390) -- __list, list-item:__ Adds the ability to close a list-item ([#6775](https://github.com/Esri/calcite-design-system/issues/6775)) ([66171ab](https://github.com/Esri/calcite-design-system/commit/66171ab203e34b565ad1e86c0c88531a2b39b1cf)), closes [#6555](https://github.com/Esri/calcite-design-system/issues/6555) -- __chip-group:__ Add Chip Group component ([#6075](https://github.com/Esri/calcite-design-system/issues/6075)) ([77dec87](https://github.com/Esri/calcite-design-system/commit/77dec87b19ad369e2e262ec01004973ccd020dcd)), closes [#1933](https://github.com/Esri/calcite-design-system/issues/1933) -- __date-picker:__ add support for de-AT locale ([#6788](https://github.com/Esri/calcite-design-system/issues/6788)) ([be3a8b2](https://github.com/Esri/calcite-design-system/commit/be3a8b2414794562f5efa8a8223fdacd93192d1f)), closes [#6737](https://github.com/Esri/calcite-design-system/issues/6737) -- __input-time-picker:__ add focus trap support ([#6834](https://github.com/Esri/calcite-design-system/issues/6834)) ([8c748f3](https://github.com/Esri/calcite-design-system/commit/8c748f3958ab830b6f97d5b74611b8f909d345a9)) -- __input:__ add files property ([#6277](https://github.com/Esri/calcite-design-system/issues/6277)) ([4aff028](https://github.com/Esri/calcite-design-system/commit/4aff028f4e91061e49e454bee839e3afaeabf001)), closes [#5890](https://github.com/Esri/calcite-design-system/issues/5890) +- **action-bar, action-pad:** Set layout property on child action-group elements. ([#6739](https://github.com/Esri/calcite-design-system/issues/6739)) ([8eefa12](https://github.com/Esri/calcite-design-system/commit/8eefa12e83246583e14d936a95de993a06eb03ee)), closes [#6390](https://github.com/Esri/calcite-design-system/issues/6390) +- **list, list-item:** Adds the ability to close a list-item ([#6775](https://github.com/Esri/calcite-design-system/issues/6775)) ([66171ab](https://github.com/Esri/calcite-design-system/commit/66171ab203e34b565ad1e86c0c88531a2b39b1cf)), closes [#6555](https://github.com/Esri/calcite-design-system/issues/6555) +- **chip-group:** Add Chip Group component ([#6075](https://github.com/Esri/calcite-design-system/issues/6075)) ([77dec87](https://github.com/Esri/calcite-design-system/commit/77dec87b19ad369e2e262ec01004973ccd020dcd)), closes [#1933](https://github.com/Esri/calcite-design-system/issues/1933) +- **date-picker:** add support for de-AT locale ([#6788](https://github.com/Esri/calcite-design-system/issues/6788)) ([be3a8b2](https://github.com/Esri/calcite-design-system/commit/be3a8b2414794562f5efa8a8223fdacd93192d1f)), closes [#6737](https://github.com/Esri/calcite-design-system/issues/6737) +- **input-time-picker:** add focus trap support ([#6834](https://github.com/Esri/calcite-design-system/issues/6834)) ([8c748f3](https://github.com/Esri/calcite-design-system/commit/8c748f3958ab830b6f97d5b74611b8f909d345a9)) +- **input:** add files property ([#6277](https://github.com/Esri/calcite-design-system/issues/6277)) ([4aff028](https://github.com/Esri/calcite-design-system/commit/4aff028f4e91061e49e454bee839e3afaeabf001)), closes [#5890](https://github.com/Esri/calcite-design-system/issues/5890) - **input-date-picker:** - add focus trap support ([#6816](https://github.com/Esri/calcite-design-system/issues/6816)) ([0d9ddc9](https://github.com/Esri/calcite-design-system/commit/0d9ddc9018ff8c5eacee7592998189e59d512bf6)), closes [#6668](https://github.com/Esri/calcite-design-system/issues/6668) - allow toggling date picker by clicking the input or entering the down/escape key ([#6805](https://github.com/Esri/calcite-design-system/issues/6805)) ([233c22b](https://github.com/Esri/calcite-design-system/commit/233c22b174e5957415a0252a75f8da9078ed64ce)), closes [#6773](https://github.com/Esri/calcite-design-system/issues/6773) -- __input-time-picker:__ allow toggling time picker by clicking the input or entering the down/escape key ([#6832](https://github.com/Esri/calcite-design-system/issues/6832)) ([4639d89](https://github.com/Esri/calcite-design-system/commit/4639d8970bd6f7f52271c2ba1801bf2d153563e8)), closes [#6830](https://github.com/Esri/calcite-design-system/issues/6830) -- __panel:__ Add slot for an action-bar component. ([#6738](https://github.com/Esri/calcite-design-system/issues/6738)) ([b57733b](https://github.com/Esri/calcite-design-system/commit/b57733b0108f504280ac91e710341ca25510c0fb)), closes [#6448](https://github.com/Esri/calcite-design-system/issues/6448) +- **input-time-picker:** allow toggling time picker by clicking the input or entering the down/escape key ([#6832](https://github.com/Esri/calcite-design-system/issues/6832)) ([4639d89](https://github.com/Esri/calcite-design-system/commit/4639d8970bd6f7f52271c2ba1801bf2d153563e8)), closes [#6830](https://github.com/Esri/calcite-design-system/issues/6830) +- **panel:** Add slot for an action-bar component. ([#6738](https://github.com/Esri/calcite-design-system/issues/6738)) ([b57733b](https://github.com/Esri/calcite-design-system/commit/b57733b0108f504280ac91e710341ca25510c0fb)), closes [#6448](https://github.com/Esri/calcite-design-system/issues/6448) -- __shell:__ Add panel-top slot ([#6730](https://github.com/Esri/calcite-design-system/issues/6730)) ([62fb8a2](https://github.com/Esri/calcite-design-system/commit/62fb8a2e2b42bb8734a8486cf09afd8461a52c35)), closes [#6389](https://github.com/Esri/calcite-design-system/issues/6389) [#6449](https://github.com/Esri/calcite-design-system/issues/6449) +- **shell:** Add panel-top slot ([#6730](https://github.com/Esri/calcite-design-system/issues/6730)) ([62fb8a2](https://github.com/Esri/calcite-design-system/commit/62fb8a2e2b42bb8734a8486cf09afd8461a52c35)), closes [#6389](https://github.com/Esri/calcite-design-system/issues/6389) [#6449](https://github.com/Esri/calcite-design-system/issues/6449) -- __shell-panel:__ Place Action Bar in correct location when used in top / bottom Shell slots ([#6761](https://github.com/Esri/calcite-design-system/issues/6761)) ([6791f67](https://github.com/Esri/calcite-design-system/commit/6791f67a56e1f8ecfa846d3b7d23fa1bc628f7e6)), closes [#6447](https://github.com/Esri/calcite-design-system/issues/6447) +- **shell-panel:** Place Action Bar in correct location when used in top / bottom Shell slots ([#6761](https://github.com/Esri/calcite-design-system/issues/6761)) ([6791f67](https://github.com/Esri/calcite-design-system/commit/6791f67a56e1f8ecfa846d3b7d23fa1bc628f7e6)), closes [#6447](https://github.com/Esri/calcite-design-system/issues/6447) ### Bug Fixes -- __combobox, dropdown, input-date-picker, popover, tooltip:__ fix misplaced floating-ui elements when associated-components are closed ([#6709](https://github.com/Esri/calcite-design-system/issues/6709)) ([e220686](https://github.com/Esri/calcite-design-system/commit/e220686fa366b86dda2647da25144eb45a4a193d)), closes [#6404](https://github.com/Esri/calcite-design-system/issues/6404) -- __inline-editable, input-message, input-number, input-text, input:__ prevent components from unintentionally picking up a different scale/status value from an ancestor ([#6506](https://github.com/Esri/calcite-design-system/issues/6506)) ([e27f4b3](https://github.com/Esri/calcite-design-system/commit/e27f4b355dd42d7b7ef4cef509b6c558e80fc7c0)), closes [#6494](https://github.com/Esri/calcite-design-system/issues/6494) -- __input-time-picker, time-picker:__ render when input-time-picker or time-picker's step property changes ([#6731](https://github.com/Esri/calcite-design-system/issues/6731)) ([2118349](https://github.com/Esri/calcite-design-system/commit/211834988fffea14792d073235881caa6cb5472e)), closes [#6039](https://github.com/Esri/calcite-design-system/issues/6039) -- __modal, popover:__ fix focus-trap from preventing first click ([#6769](https://github.com/Esri/calcite-design-system/issues/6769)) ([be4a63a](https://github.com/Esri/calcite-design-system/commit/be4a63a661b2d7ac698649acf0e7769ea39c0694)), closes [#6581](https://github.com/Esri/calcite-design-system/issues/6581) -- __block:__ Ensure description has correct line-height ([#6723](https://github.com/Esri/calcite-design-system/issues/6723)) ([a7deec2](https://github.com/Esri/calcite-design-system/commit/a7deec2770a90375253f9ca6ac89f2900b804b3f)), closes [#6443](https://github.com/Esri/calcite-design-system/issues/6443) -- __button:__ truncate long button text ([#6664](https://github.com/Esri/calcite-design-system/issues/6664)) ([5857e76](https://github.com/Esri/calcite-design-system/commit/5857e76a01835ee93dcd4753dbd0446afb330530)), closes [#5660](https://github.com/Esri/calcite-design-system/issues/5660) -- __combobox:__ Visually nest group items properly ([#6749](https://github.com/Esri/calcite-design-system/issues/6749)) ([8d0d0e5](https://github.com/Esri/calcite-design-system/commit/8d0d0e54d2bab05069322143feb09ae3f1db79ca)), closes [#6384](https://github.com/Esri/calcite-design-system/issues/6384) +- **combobox, dropdown, input-date-picker, popover, tooltip:** fix misplaced floating-ui elements when associated-components are closed ([#6709](https://github.com/Esri/calcite-design-system/issues/6709)) ([e220686](https://github.com/Esri/calcite-design-system/commit/e220686fa366b86dda2647da25144eb45a4a193d)), closes [#6404](https://github.com/Esri/calcite-design-system/issues/6404) +- **inline-editable, input-message, input-number, input-text, input:** prevent components from unintentionally picking up a different scale/status value from an ancestor ([#6506](https://github.com/Esri/calcite-design-system/issues/6506)) ([e27f4b3](https://github.com/Esri/calcite-design-system/commit/e27f4b355dd42d7b7ef4cef509b6c558e80fc7c0)), closes [#6494](https://github.com/Esri/calcite-design-system/issues/6494) +- **input-time-picker, time-picker:** render when input-time-picker or time-picker's step property changes ([#6731](https://github.com/Esri/calcite-design-system/issues/6731)) ([2118349](https://github.com/Esri/calcite-design-system/commit/211834988fffea14792d073235881caa6cb5472e)), closes [#6039](https://github.com/Esri/calcite-design-system/issues/6039) +- **modal, popover:** fix focus-trap from preventing first click ([#6769](https://github.com/Esri/calcite-design-system/issues/6769)) ([be4a63a](https://github.com/Esri/calcite-design-system/commit/be4a63a661b2d7ac698649acf0e7769ea39c0694)), closes [#6581](https://github.com/Esri/calcite-design-system/issues/6581) +- **block:** Ensure description has correct line-height ([#6723](https://github.com/Esri/calcite-design-system/issues/6723)) ([a7deec2](https://github.com/Esri/calcite-design-system/commit/a7deec2770a90375253f9ca6ac89f2900b804b3f)), closes [#6443](https://github.com/Esri/calcite-design-system/issues/6443) +- **button:** truncate long button text ([#6664](https://github.com/Esri/calcite-design-system/issues/6664)) ([5857e76](https://github.com/Esri/calcite-design-system/commit/5857e76a01835ee93dcd4753dbd0446afb330530)), closes [#5660](https://github.com/Esri/calcite-design-system/issues/5660) +- **combobox:** Visually nest group items properly ([#6749](https://github.com/Esri/calcite-design-system/issues/6749)) ([8d0d0e5](https://github.com/Esri/calcite-design-system/commit/8d0d0e54d2bab05069322143feb09ae3f1db79ca)), closes [#6384](https://github.com/Esri/calcite-design-system/issues/6384) - **date-picker:** - fix range highlight style regression ([#6836](https://github.com/Esri/calcite-design-system/issues/6836)) ([9c519fb](https://github.com/Esri/calcite-design-system/commit/9c519fb983c6ace4ce2d35dbf2f49a0d459fd00c)) - improve date-picker a11y ([#6715](https://github.com/Esri/calcite-design-system/issues/6715)) ([74b3b96](https://github.com/Esri/calcite-design-system/commit/74b3b968dd4ec8b0b1240c7e12fe207c26a2a396)), closes [#5570](https://github.com/Esri/calcite-design-system/issues/5570) -- __dropdown:__ trigger should break words when overflowing container. ([#6747](https://github.com/Esri/calcite-design-system/issues/6747)) ([496ce7e](https://github.com/Esri/calcite-design-system/commit/496ce7e3431f8ca6ed058e3a1c6d0f22d090f504)), closes [#5903](https://github.com/Esri/calcite-design-system/issues/5903) +- **dropdown:** trigger should break words when overflowing container. ([#6747](https://github.com/Esri/calcite-design-system/issues/6747)) ([496ce7e](https://github.com/Esri/calcite-design-system/commit/496ce7e3431f8ca6ed058e3a1c6d0f22d090f504)), closes [#5903](https://github.com/Esri/calcite-design-system/issues/5903) - **input-date-picker:** - correctly position open component when scrolling ([#6815](https://github.com/Esri/calcite-design-system/issues/6815)) ([d22f4f5](https://github.com/Esri/calcite-design-system/commit/d22f4f53078b2ee2ea79cdb702ef15b74ce30cfa)), closes [#6463](https://github.com/Esri/calcite-design-system/issues/6463) - implement dialog behavior to improve a11y ([#6669](https://github.com/Esri/calcite-design-system/issues/6669)) ([a013819](https://github.com/Esri/calcite-design-system/commit/a0138191e807e1fe2db43bc38c02eb8ab866bd72)), closes [#5582](https://github.com/Esri/calcite-design-system/issues/5582) [#6668](https://github.com/Esri/calcite-design-system/issues/6668) -- __input-time-picker:__ support keyboard interactions to improve a11y ([#6837](https://github.com/Esri/calcite-design-system/issues/6837)) ([96319ae](https://github.com/Esri/calcite-design-system/commit/96319ae44c9297d43ddbc094432f42ffae3b7060)), closes [#6835](https://github.com/Esri/calcite-design-system/issues/6835) -- __panel:__ ensure close button is placed in the corner of the panel header. ([#6746](https://github.com/Esri/calcite-design-system/issues/6746)) ([1401523](https://github.com/Esri/calcite-design-system/commit/140152370455a8c9daa842083c89bf34b3da29d3)), closes [#6742](https://github.com/Esri/calcite-design-system/issues/6742) -- __shell-panel:__ Side panels should appear over center panels ([#6787](https://github.com/Esri/calcite-design-system/issues/6787)) ([5e0b393](https://github.com/Esri/calcite-design-system/commit/5e0b393656748a2f2400f05aa425fc0180745f01)), closes [#5927](https://github.com/Esri/calcite-design-system/issues/5927) -- __stepper:__ rerender stepper items when parent numbering system changes ([#6563](https://github.com/Esri/calcite-design-system/issues/6563)) ([e817b03](https://github.com/Esri/calcite-design-system/commit/e817b036354bd38f696dafbdc281b3f7d988f5bb)), closes [#5979](https://github.com/Esri/calcite-design-system/issues/5979) -- __tree-item:__ ensure tree-item properly reflect ancestor-mode selection on initialization ([#6795](https://github.com/Esri/calcite-design-system/issues/6795)) ([5591ab4](https://github.com/Esri/calcite-design-system/commit/5591ab45aaf728f3f62df47b4bc5a4f3733bbaf4)), closes [#5867](https://github.com/Esri/calcite-design-system/issues/5867) -- __value-list-item:__ add missing event emitter ([#6797](https://github.com/Esri/calcite-design-system/issues/6797)) ([c96d33e](https://github.com/Esri/calcite-design-system/commit/c96d33e17f879752121c2c43ba19c5f485c84442)), closes [#5167](https://github.com/Esri/calcite-design-system/issues/5167) +- **input-time-picker:** support keyboard interactions to improve a11y ([#6837](https://github.com/Esri/calcite-design-system/issues/6837)) ([96319ae](https://github.com/Esri/calcite-design-system/commit/96319ae44c9297d43ddbc094432f42ffae3b7060)), closes [#6835](https://github.com/Esri/calcite-design-system/issues/6835) +- **panel:** ensure close button is placed in the corner of the panel header. ([#6746](https://github.com/Esri/calcite-design-system/issues/6746)) ([1401523](https://github.com/Esri/calcite-design-system/commit/140152370455a8c9daa842083c89bf34b3da29d3)), closes [#6742](https://github.com/Esri/calcite-design-system/issues/6742) +- **shell-panel:** Side panels should appear over center panels ([#6787](https://github.com/Esri/calcite-design-system/issues/6787)) ([5e0b393](https://github.com/Esri/calcite-design-system/commit/5e0b393656748a2f2400f05aa425fc0180745f01)), closes [#5927](https://github.com/Esri/calcite-design-system/issues/5927) +- **stepper:** rerender stepper items when parent numbering system changes ([#6563](https://github.com/Esri/calcite-design-system/issues/6563)) ([e817b03](https://github.com/Esri/calcite-design-system/commit/e817b036354bd38f696dafbdc281b3f7d988f5bb)), closes [#5979](https://github.com/Esri/calcite-design-system/issues/5979) +- **tree-item:** ensure tree-item properly reflect ancestor-mode selection on initialization ([#6795](https://github.com/Esri/calcite-design-system/issues/6795)) ([5591ab4](https://github.com/Esri/calcite-design-system/commit/5591ab45aaf728f3f62df47b4bc5a4f3733bbaf4)), closes [#5867](https://github.com/Esri/calcite-design-system/issues/5867) +- **value-list-item:** add missing event emitter ([#6797](https://github.com/Esri/calcite-design-system/issues/6797)) ([c96d33e](https://github.com/Esri/calcite-design-system/commit/c96d33e17f879752121c2c43ba19c5f485c84442)), closes [#5167](https://github.com/Esri/calcite-design-system/issues/5167) ## [v1.2.0](https://github.com/Esri/calcite-design-system/compare/v1.1.0...v1.2.0) (2023-03-27) ### Features - support setting form ID on form components ([#6682](https://github.com/Esri/calcite-design-system/issues/6682)) ([1a4041d](https://github.com/Esri/calcite-design-system/commit/1a4041df3808bc7f5e537d8bbef13d0956dee0a9)), closes [#5164](https://github.com/Esri/calcite-design-system/issues/5164) -- __pagination, split-button, dropdown, date-picker, action-group:__ add setFocus method ([#6438](https://github.com/Esri/calcite-design-system/issues/6438)) ([a93a85f](https://github.com/Esri/calcite-design-system/commit/a93a85fd6a205434835e8fa14b96af1e95a04f20)), closes [#5147](https://github.com/Esri/calcite-design-system/issues/5147) [/github.com/Esri/calcite-design-system/issues/5147#issuecomment-1355194965](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/5147/issues/issuecomment-1355194965) -- __text-area:__ add calcite-text-area component ([#5644](https://github.com/Esri/calcite-design-system/issues/5644)) ([1a1528b](https://github.com/Esri/calcite-design-system/commit/1a1528b42dde5b2f0f7933e15ea4790274903c54)), closes [#863](https://github.com/Esri/calcite-design-system/issues/863) +- **pagination, split-button, dropdown, date-picker, action-group:** add setFocus method ([#6438](https://github.com/Esri/calcite-design-system/issues/6438)) ([a93a85f](https://github.com/Esri/calcite-design-system/commit/a93a85fd6a205434835e8fa14b96af1e95a04f20)), closes [#5147](https://github.com/Esri/calcite-design-system/issues/5147) [/github.com/Esri/calcite-design-system/issues/5147#issuecomment-1355194965](https://github.com/Esri//github.com/Esri/calcite-design-system/issues/5147/issues/issuecomment-1355194965) +- **text-area:** add calcite-text-area component ([#5644](https://github.com/Esri/calcite-design-system/issues/5644)) ([1a1528b](https://github.com/Esri/calcite-design-system/commit/1a1528b42dde5b2f0f7933e15ea4790274903c54)), closes [#863](https://github.com/Esri/calcite-design-system/issues/863) ### Bug Fixes -- __card:__ provide more meaningful screen reader label for selectable cards (deprecates `deselect` message override) ([#6657](https://github.com/Esri/calcite-design-system/issues/6657)) ([8ee37d2](https://github.com/Esri/calcite-design-system/commit/8ee37d2d5e7c14223837d0be80e79df6a71e7e56)), closes [#5585](https://github.com/Esri/calcite-design-system/issues/5585) -- __modal:__ prevent error when calling setFocus on a recently rendered and opened modal (`dist-custom-elements`) ([#6666](https://github.com/Esri/calcite-design-system/issues/6666)) ([aa1f3d1](https://github.com/Esri/calcite-design-system/commit/aa1f3d1b53e40db295edb135f03ef9ef48eb23db)), closes [#6188](https://github.com/Esri/calcite-design-system/issues/6188) [/github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts#L72-L79](https://github.com/Esri//github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts/issues/L72-L79) [/github.com/ionic-team/stencil/issues/3246#issuecomment-1048802446](https://github.com/Esri//github.com/ionic-team/stencil/issues/3246/issues/issuecomment-1048802446) -- __pagination:__ add current page information for screen readers ([#6637](https://github.com/Esri/calcite-design-system/issues/6637)) ([335f947](https://github.com/Esri/calcite-design-system/commit/335f947e8a0b692b5d0b5a6d9a47e68c9b8297e9)), closes [#5590](https://github.com/Esri/calcite-design-system/issues/5590) -- __tile-select:__ fix click not firing in custom-elements build ([#6665](https://github.com/Esri/calcite-design-system/issues/6665)) ([71aa826](https://github.com/Esri/calcite-design-system/commit/71aa8261f9e8d05f11142652a1b66293a968ddf8)), closes [#6185](https://github.com/Esri/calcite-design-system/issues/6185) +- **card:** provide more meaningful screen reader label for selectable cards (deprecates `deselect` message override) ([#6657](https://github.com/Esri/calcite-design-system/issues/6657)) ([8ee37d2](https://github.com/Esri/calcite-design-system/commit/8ee37d2d5e7c14223837d0be80e79df6a71e7e56)), closes [#5585](https://github.com/Esri/calcite-design-system/issues/5585) +- **modal:** prevent error when calling setFocus on a recently rendered and opened modal (`dist-custom-elements`) ([#6666](https://github.com/Esri/calcite-design-system/issues/6666)) ([aa1f3d1](https://github.com/Esri/calcite-design-system/commit/aa1f3d1b53e40db295edb135f03ef9ef48eb23db)), closes [#6188](https://github.com/Esri/calcite-design-system/issues/6188) [/github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts#L72-L79](https://github.com/Esri//github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts/issues/L72-L79) [/github.com/ionic-team/stencil/issues/3246#issuecomment-1048802446](https://github.com/Esri//github.com/ionic-team/stencil/issues/3246/issues/issuecomment-1048802446) +- **pagination:** add current page information for screen readers ([#6637](https://github.com/Esri/calcite-design-system/issues/6637)) ([335f947](https://github.com/Esri/calcite-design-system/commit/335f947e8a0b692b5d0b5a6d9a47e68c9b8297e9)), closes [#5590](https://github.com/Esri/calcite-design-system/issues/5590) +- **tile-select:** fix click not firing in custom-elements build ([#6665](https://github.com/Esri/calcite-design-system/issues/6665)) ([71aa826](https://github.com/Esri/calcite-design-system/commit/71aa8261f9e8d05f11142652a1b66293a968ddf8)), closes [#6185](https://github.com/Esri/calcite-design-system/issues/6185) -- __tile:__ adds styling to `tile` where `link` is present for additional distinction ([#6628](https://github.com/Esri/calcite-design-system/issues/6628)) ([093ae47](https://github.com/Esri/calcite-design-system/commit/093ae474cca3f35bd749988dd3f026e51c3d5520)), closes [#5608](https://github.com/Esri/calcite-design-system/issues/5608) +- **tile:** adds styling to `tile` where `link` is present for additional distinction ([#6628](https://github.com/Esri/calcite-design-system/issues/6628)) ([093ae47](https://github.com/Esri/calcite-design-system/commit/093ae474cca3f35bd749988dd3f026e51c3d5520)), closes [#5608](https://github.com/Esri/calcite-design-system/issues/5608) - restore form control validation in Safari ([#6623](https://github.com/Esri/calcite-design-system/issues/6623)) ([b293077](https://github.com/Esri/calcite-design-system/commit/b293077bb38b41df3726e2afbad1682e922c9c55)), closes [#6626](https://github.com/Esri/calcite-design-system/issues/6626) -- __accordion, accordion-item:__ now wraps long words in header (title & description) ([#6608](https://github.com/Esri/calcite-design-system/issues/6608)) ([46575ff](https://github.com/Esri/calcite-design-system/commit/46575ff836ca941a518d46c1f4c11b83b5da3e02)), closes [#5683](https://github.com/Esri/calcite-design-system/issues/5683) +- **accordion, accordion-item:** now wraps long words in header (title & description) ([#6608](https://github.com/Esri/calcite-design-system/issues/6608)) ([46575ff](https://github.com/Esri/calcite-design-system/commit/46575ff836ca941a518d46c1f4c11b83b5da3e02)), closes [#5683](https://github.com/Esri/calcite-design-system/issues/5683) ## [v1.1.0](https://github.com/Esri/calcite-design-system/compare/v1.0.8...v1.1.0) (2023-03-15) ### Features -- __block:__ add built-in localization ([#6503](https://github.com/Esri/calcite-design-system/issues/6503)) ([5e5a7ab](https://github.com/Esri/calcite-design-system/commit/5e5a7ab65fffca7b51abacded7f8a32bba3cf3cf)), closes [#6248](https://github.com/Esri/calcite-design-system/issues/6248) -- __modal:__ provides `content-top` and `content-bottom` slots ([#6490](https://github.com/Esri/calcite-design-system/issues/6490)) ([4a511ba](https://github.com/Esri/calcite-design-system/commit/4a511ba7cb1666a25bf17232581f9acbab84f89f)), closes [#4800](https://github.com/Esri/calcite-design-system/issues/4800) -- __stepper-item:__ emits `calciteStepperItemSelect` event when selected. ([#6521](https://github.com/Esri/calcite-design-system/issues/6521)) ([c349080](https://github.com/Esri/calcite-design-system/commit/c34908007aa6719850885517c2fb2c01a395a5cd)), closes [#6330](https://github.com/Esri/calcite-design-system/issues/6330) +- **block:** add built-in localization ([#6503](https://github.com/Esri/calcite-design-system/issues/6503)) ([5e5a7ab](https://github.com/Esri/calcite-design-system/commit/5e5a7ab65fffca7b51abacded7f8a32bba3cf3cf)), closes [#6248](https://github.com/Esri/calcite-design-system/issues/6248) +- **modal:** provides `content-top` and `content-bottom` slots ([#6490](https://github.com/Esri/calcite-design-system/issues/6490)) ([4a511ba](https://github.com/Esri/calcite-design-system/commit/4a511ba7cb1666a25bf17232581f9acbab84f89f)), closes [#4800](https://github.com/Esri/calcite-design-system/issues/4800) +- **stepper-item:** emits `calciteStepperItemSelect` event when selected. ([#6521](https://github.com/Esri/calcite-design-system/issues/6521)) ([c349080](https://github.com/Esri/calcite-design-system/commit/c34908007aa6719850885517c2fb2c01a395a5cd)), closes [#6330](https://github.com/Esri/calcite-design-system/issues/6330) ### Bug Fixes -- __action:__ ensure consistent width to accommodate indicator when displaying text ([#6562](https://github.com/Esri/calcite-design-system/issues/6562)) ([2b0d704](https://github.com/Esri/calcite-design-system/commit/2b0d70410ffacd7a3a85a7d2edf7dc255bbcb56e)), closes [#5375](https://github.com/Esri/calcite-design-system/issues/5375) -- __alert, combobox, dropdown, input-date-picker, popover, tooltip:__ prefers-reduced-motion no longer prevents open/close components from emitting before + open/close events ([#6605](https://github.com/Esri/calcite-design-system/issues/6605)) ([dfcaa22](https://github.com/Esri/calcite-design-system/commit/dfcaa228708fc9d57c74a1c41cd6a9033874d026)), closes [#6582](https://github.com/Esri/calcite-design-system/issues/6582) -- __avatar:__ passes color contrast after adjusting text color ([#6592](https://github.com/Esri/calcite-design-system/issues/6592)) ([e7a4971](https://github.com/Esri/calcite-design-system/commit/e7a4971e1c66056ed8837d37b90f3d55647cf9e5)), closes [#6203](https://github.com/Esri/calcite-design-system/issues/6203) -- __input, input-number:__ increment/decrement unsafe numbers without loss of precision ([#6580](https://github.com/Esri/calcite-design-system/issues/6580)) ([40c0f0f](https://github.com/Esri/calcite-design-system/commit/40c0f0f7256589ee416c2370a2954301c6a201e8)), closes [#5920](https://github.com/Esri/calcite-design-system/issues/5920) -- __modal:__ ensure modal transitions are in sync ([#6564](https://github.com/Esri/calcite-design-system/issues/6564)) ([bc9239b](https://github.com/Esri/calcite-design-system/commit/bc9239bc122f4ea614d1bbf9583d16f71031983f)), closes [#5067](https://github.com/Esri/calcite-design-system/issues/5067) -- __slider:__ range slider thumb on all touch-enabled devices now follows touch gesture ([#6553](https://github.com/Esri/calcite-design-system/issues/6553)) ([70cade7](https://github.com/Esri/calcite-design-system/commit/70cade7f4f8672a95a43f950f945cafb083560f0)), closes [#4290](https://github.com/Esri/calcite-design-system/issues/4290) +- **action:** ensure consistent width to accommodate indicator when displaying text ([#6562](https://github.com/Esri/calcite-design-system/issues/6562)) ([2b0d704](https://github.com/Esri/calcite-design-system/commit/2b0d70410ffacd7a3a85a7d2edf7dc255bbcb56e)), closes [#5375](https://github.com/Esri/calcite-design-system/issues/5375) +- **alert, combobox, dropdown, input-date-picker, popover, tooltip:** prefers-reduced-motion no longer prevents open/close components from emitting before + open/close events ([#6605](https://github.com/Esri/calcite-design-system/issues/6605)) ([dfcaa22](https://github.com/Esri/calcite-design-system/commit/dfcaa228708fc9d57c74a1c41cd6a9033874d026)), closes [#6582](https://github.com/Esri/calcite-design-system/issues/6582) +- **avatar:** passes color contrast after adjusting text color ([#6592](https://github.com/Esri/calcite-design-system/issues/6592)) ([e7a4971](https://github.com/Esri/calcite-design-system/commit/e7a4971e1c66056ed8837d37b90f3d55647cf9e5)), closes [#6203](https://github.com/Esri/calcite-design-system/issues/6203) +- **input, input-number:** increment/decrement unsafe numbers without loss of precision ([#6580](https://github.com/Esri/calcite-design-system/issues/6580)) ([40c0f0f](https://github.com/Esri/calcite-design-system/commit/40c0f0f7256589ee416c2370a2954301c6a201e8)), closes [#5920](https://github.com/Esri/calcite-design-system/issues/5920) +- **modal:** ensure modal transitions are in sync ([#6564](https://github.com/Esri/calcite-design-system/issues/6564)) ([bc9239b](https://github.com/Esri/calcite-design-system/commit/bc9239bc122f4ea614d1bbf9583d16f71031983f)), closes [#5067](https://github.com/Esri/calcite-design-system/issues/5067) +- **slider:** range slider thumb on all touch-enabled devices now follows touch gesture ([#6553](https://github.com/Esri/calcite-design-system/issues/6553)) ([70cade7](https://github.com/Esri/calcite-design-system/commit/70cade7f4f8672a95a43f950f945cafb083560f0)), closes [#4290](https://github.com/Esri/calcite-design-system/issues/4290) ## [v1.0.8](https://github.com/Esri/calcite-design-system/compare/v1.0.7...v1.0.8) (2023-03-02) ### Bug Fixes -- __filter, list:__ filter properly on initialization ([#6551](https://github.com/Esri/calcite-design-system/issues/6551)) ([b7782aa](https://github.com/Esri/calcite-design-system/commit/b7782aa79fc05fa9f217b08185f2fe35e36ef9f1)), closes [#6523](https://github.com/Esri/calcite-design-system/issues/6523) +- **filter, list:** filter properly on initialization ([#6551](https://github.com/Esri/calcite-design-system/issues/6551)) ([b7782aa](https://github.com/Esri/calcite-design-system/commit/b7782aa79fc05fa9f217b08185f2fe35e36ef9f1)), closes [#6523](https://github.com/Esri/calcite-design-system/issues/6523) - apply offsetParent polyfill for Chrome 109+ ([#6520](https://github.com/Esri/calcite-design-system/issues/6520)) ([ba8c068](https://github.com/Esri/calcite-design-system/commit/ba8c0688dd92a99e147f0e6434a969fef10ab3e3)), closes [#6300](https://github.com/Esri/calcite-design-system/issues/6300) -- __tree:__ restore wrapping in tree-item text content ([#6518](https://github.com/Esri/calcite-design-system/issues/6518)) ([7b95194](https://github.com/Esri/calcite-design-system/commit/7b951944ee028c2d5f372de8b04d10e69a2ef0c3)), closes [#6512](https://github.com/Esri/calcite-design-system/issues/6512) +- **tree:** restore wrapping in tree-item text content ([#6518](https://github.com/Esri/calcite-design-system/issues/6518)) ([7b95194](https://github.com/Esri/calcite-design-system/commit/7b951944ee028c2d5f372de8b04d10e69a2ef0c3)), closes [#6512](https://github.com/Esri/calcite-design-system/issues/6512) -- __tree:__ prevent tree-item content from being clipped ([#6519](https://github.com/Esri/calcite-design-system/issues/6519)) ([8501b23](https://github.com/Esri/calcite-design-system/commit/8501b2333196240fa3549117447ebac3f7f62e0d)), closes [#6514](https://github.com/Esri/calcite-design-system/issues/6514) +- **tree:** prevent tree-item content from being clipped ([#6519](https://github.com/Esri/calcite-design-system/issues/6519)) ([8501b23](https://github.com/Esri/calcite-design-system/commit/8501b2333196240fa3549117447ebac3f7f62e0d)), closes [#6514](https://github.com/Esri/calcite-design-system/issues/6514) -- __select, slider, combobox:__ display label in screen reader instructions. ([#6500](https://github.com/Esri/calcite-design-system/issues/6500)) ([3a7f112](https://github.com/Esri/calcite-design-system/commit/3a7f11238d52e7b5cec1cd2dd597d0184d7e0ce3)), closes [#5627](https://github.com/Esri/calcite-design-system/issues/5627) -- __value-list:__ add back instructions for screen reader when drag handle is activated ([#6402](https://github.com/Esri/calcite-design-system/issues/6402)) ([b822f25](https://github.com/Esri/calcite-design-system/commit/b822f25a88519c8a4ddb1311006a88ac1e7b5a1b)), closes [#6401](https://github.com/Esri/calcite-design-system/issues/6401) [#5739](https://github.com/Esri/calcite-design-system/issues/5739) +- **select, slider, combobox:** display label in screen reader instructions. ([#6500](https://github.com/Esri/calcite-design-system/issues/6500)) ([3a7f112](https://github.com/Esri/calcite-design-system/commit/3a7f11238d52e7b5cec1cd2dd597d0184d7e0ce3)), closes [#5627](https://github.com/Esri/calcite-design-system/issues/5627) +- **value-list:** add back instructions for screen reader when drag handle is activated ([#6402](https://github.com/Esri/calcite-design-system/issues/6402)) ([b822f25](https://github.com/Esri/calcite-design-system/commit/b822f25a88519c8a4ddb1311006a88ac1e7b5a1b)), closes [#6401](https://github.com/Esri/calcite-design-system/issues/6401) [#5739](https://github.com/Esri/calcite-design-system/issues/5739) -- __slider:__ slider handle aligns with track when font size changes ([#5372](https://github.com/Esri/calcite-design-system/issues/5372)) ([780df6c](https://github.com/Esri/calcite-design-system/commit/780df6c78b9dd111bec177189421372c3fe21285)), closes [#4721](https://github.com/Esri/calcite-design-system/issues/4721) +- **slider:** slider handle aligns with track when font size changes ([#5372](https://github.com/Esri/calcite-design-system/issues/5372)) ([780df6c](https://github.com/Esri/calcite-design-system/commit/780df6c78b9dd111bec177189421372c3fe21285)), closes [#4721](https://github.com/Esri/calcite-design-system/issues/4721) ## [v1.0.7](https://github.com/Esri/calcite-design-system/compare/v1.0.6...v1.0.7) (2023-02-15) ### Reverts -- __focus-trap:__ prevent host from receiving initial focus ([#6483](https://github.com/Esri/calcite-design-system/pull/6483)) ([68f2c0e](https://github.com/Esri/calcite-design-system/commit/68f2c0e54339fb4be37172a69b17bbcde60b9613)) +- **focus-trap:** prevent host from receiving initial focus ([#6483](https://github.com/Esri/calcite-design-system/pull/6483)) ([68f2c0e](https://github.com/Esri/calcite-design-system/commit/68f2c0e54339fb4be37172a69b17bbcde60b9613)) ## [v1.0.6](https://github.com/Esri/calcite-design-system/compare/v1.0.5...v1.0.6) (2023-02-14) ### Bug Fixes -- __focus-trap:__ prevent host from receiving initial focus ([#6479](https://github.com/Esri/calcite-design-system/issues/6479)) ([764609d](https://github.com/Esri/calcite-design-system/commit/764609de7b8c96aa331e364ca790eefdb44dd1ab)), closes [#6454](https://github.com/Esri/calcite-design-system/issues/6454) [/github.com/Esri/calcite-design-system/blob/059d6eee6a8dc0a0d74db6e113d30cafebac25bb/src/utils/focusTrapComponent.ts#L33-L35](https://github.com/Esri//github.com/Esri/calcite-design-system/blob/059d6eee6a8dc0a0d74db6e113d30cafebac25bb/src/utils/focusTrapComponent.ts/issues/L33-L35) -- __tree-item:__ preserves consistent height with or w/t actions-end ([#6403](https://github.com/Esri/calcite-design-system/issues/6403)) ([728f42b](https://github.com/Esri/calcite-design-system/commit/728f42b4ad219f5c947cfd5226db7959c3cfd9c1)), closes [#6361](https://github.com/Esri/calcite-design-system/issues/6361) [#3127](https://github.com/Esri/calcite-design-system/issues/3127) -- __vite:__ getting the dist build to work correctly with vite again ([#6452](https://github.com/Esri/calcite-design-system/issues/6452)) ([cc44984](https://github.com/Esri/calcite-design-system/commit/cc44984966d21a8537e03daa0fe66d90bff38385)), closes [#6419](https://github.com/Esri/calcite-design-system/issues/6419) +- **focus-trap:** prevent host from receiving initial focus ([#6479](https://github.com/Esri/calcite-design-system/issues/6479)) ([764609d](https://github.com/Esri/calcite-design-system/commit/764609de7b8c96aa331e364ca790eefdb44dd1ab)), closes [#6454](https://github.com/Esri/calcite-design-system/issues/6454) [/github.com/Esri/calcite-design-system/blob/059d6eee6a8dc0a0d74db6e113d30cafebac25bb/src/utils/focusTrapComponent.ts#L33-L35](https://github.com/Esri//github.com/Esri/calcite-design-system/blob/059d6eee6a8dc0a0d74db6e113d30cafebac25bb/src/utils/focusTrapComponent.ts/issues/L33-L35) +- **tree-item:** preserves consistent height with or w/t actions-end ([#6403](https://github.com/Esri/calcite-design-system/issues/6403)) ([728f42b](https://github.com/Esri/calcite-design-system/commit/728f42b4ad219f5c947cfd5226db7959c3cfd9c1)), closes [#6361](https://github.com/Esri/calcite-design-system/issues/6361) [#3127](https://github.com/Esri/calcite-design-system/issues/3127) +- **vite:** getting the dist build to work correctly with vite again ([#6452](https://github.com/Esri/calcite-design-system/issues/6452)) ([cc44984](https://github.com/Esri/calcite-design-system/commit/cc44984966d21a8537e03daa0fe66d90bff38385)), closes [#6419](https://github.com/Esri/calcite-design-system/issues/6419) ## [v1.0.5](https://github.com/Esri/calcite-design-system/compare/v1.0.4...v1.0.5) (2023-02-09) ### Bug Fixes -- __input, input-number, input-text:__ emit change value when clearing programmatically-set value ([#6431](https://github.com/Esri/calcite-design-system/issues/6431)) ([1802dc3](https://github.com/Esri/calcite-design-system/commit/1802dc3898358159da7304a940c1c530d8e98509)), closes [#4232](https://github.com/Esri/calcite-design-system/issues/4232) -- __modal:__ no longer loses focus trap after clicking inside the component. ([#6434](https://github.com/Esri/calcite-design-system/issues/6434)) ([df144dc](https://github.com/Esri/calcite-design-system/commit/df144dc30e66d7e11fda326f289c6b8c931c34f8)), closes [#6281](https://github.com/Esri/calcite-design-system/issues/6281) -- __tooltip:__ prevent closing of Esc-key-closing parent components when dismissing a tooltip with Esc ([#6343](https://github.com/Esri/calcite-design-system/issues/6343)) ([b4cbf54](https://github.com/Esri/calcite-design-system/commit/b4cbf544f876a5212d234368bbd296ed43433515)), closes [#6292](https://github.com/Esri/calcite-design-system/issues/6292) +- **input, input-number, input-text:** emit change value when clearing programmatically-set value ([#6431](https://github.com/Esri/calcite-design-system/issues/6431)) ([1802dc3](https://github.com/Esri/calcite-design-system/commit/1802dc3898358159da7304a940c1c530d8e98509)), closes [#4232](https://github.com/Esri/calcite-design-system/issues/4232) +- **modal:** no longer loses focus trap after clicking inside the component. ([#6434](https://github.com/Esri/calcite-design-system/issues/6434)) ([df144dc](https://github.com/Esri/calcite-design-system/commit/df144dc30e66d7e11fda326f289c6b8c931c34f8)), closes [#6281](https://github.com/Esri/calcite-design-system/issues/6281) +- **tooltip:** prevent closing of Esc-key-closing parent components when dismissing a tooltip with Esc ([#6343](https://github.com/Esri/calcite-design-system/issues/6343)) ([b4cbf54](https://github.com/Esri/calcite-design-system/commit/b4cbf544f876a5212d234368bbd296ed43433515)), closes [#6292](https://github.com/Esri/calcite-design-system/issues/6292) ## [v1.0.4](https://github.com/Esri/calcite-design-system/compare/v1.0.3...v1.0.4) (2023-02-07) ### Bug Fixes -- __date-picker:__ days previous to the currently hovered day when no range value exists display correctly with no hover styles ([#6369](https://github.com/Esri/calcite-design-system/issues/6369)) ([ebdcc25](https://github.com/Esri/calcite-design-system/commit/ebdcc2573e439fa4826bc07a0c86bda1bfeafcce)) +- **date-picker:** days previous to the currently hovered day when no range value exists display correctly with no hover styles ([#6369](https://github.com/Esri/calcite-design-system/issues/6369)) ([ebdcc25](https://github.com/Esri/calcite-design-system/commit/ebdcc2573e439fa4826bc07a0c86bda1bfeafcce)) -- __stepper-item:__ no longer refer numberingSystem from neighbor stepper component ([#6380](https://github.com/Esri/calcite-design-system/issues/6380)) ([c647fe3](https://github.com/Esri/calcite-design-system/commit/c647fe38718fe8823ac2d45d6ef792559fbe4beb)), closes [#6331](https://github.com/Esri/calcite-design-system/issues/6331) +- **stepper-item:** no longer refer numberingSystem from neighbor stepper component ([#6380](https://github.com/Esri/calcite-design-system/issues/6380)) ([c647fe3](https://github.com/Esri/calcite-design-system/commit/c647fe38718fe8823ac2d45d6ef792559fbe4beb)), closes [#6331](https://github.com/Esri/calcite-design-system/issues/6331) -- __tabs:__ fix error when tabs is resized before initial render ([#6342](https://github.com/Esri/calcite-design-system/issues/6342)) ([a2ba64e](https://github.com/Esri/calcite-design-system/commit/a2ba64e0711c2505d6cd1129842608f8d5a70470)), closes [#6310](https://github.com/Esri/calcite-design-system/issues/6310) -- __tree:__ prevent lines from expanded item from bleeding out of container ([#6372](https://github.com/Esri/calcite-design-system/issues/6372)) ([d2fa8a6](https://github.com/Esri/calcite-design-system/commit/d2fa8a66df0562858dff6d9fed7220524015fc04)), closes [#6367](https://github.com/Esri/calcite-design-system/issues/6367) +- **tabs:** fix error when tabs is resized before initial render ([#6342](https://github.com/Esri/calcite-design-system/issues/6342)) ([a2ba64e](https://github.com/Esri/calcite-design-system/commit/a2ba64e0711c2505d6cd1129842608f8d5a70470)), closes [#6310](https://github.com/Esri/calcite-design-system/issues/6310) +- **tree:** prevent lines from expanded item from bleeding out of container ([#6372](https://github.com/Esri/calcite-design-system/issues/6372)) ([d2fa8a6](https://github.com/Esri/calcite-design-system/commit/d2fa8a66df0562858dff6d9fed7220524015fc04)), closes [#6367](https://github.com/Esri/calcite-design-system/issues/6367) -- __accordion:__ supports selection mode updates ([#6356](https://github.com/Esri/calcite-design-system/issues/6356)) ([8278d3e](https://github.com/Esri/calcite-design-system/commit/8278d3ed71b493bf14dc09cd79401c69d511a0c9)), closes [#5143](https://github.com/Esri/calcite-design-system/issues/5143) +- **accordion:** supports selection mode updates ([#6356](https://github.com/Esri/calcite-design-system/issues/6356)) ([8278d3e](https://github.com/Esri/calcite-design-system/commit/8278d3ed71b493bf14dc09cd79401c69d511a0c9)), closes [#5143](https://github.com/Esri/calcite-design-system/issues/5143) -- __alert:__ ensure `border-radius` is consistent for prescribed `slots` ([#6368](https://github.com/Esri/calcite-design-system/issues/6368)) ([cfe5699](https://github.com/Esri/calcite-design-system/commit/cfe56994cf42b4176c2e6fd1aa3ac098aaf26198)), closes [#6348](https://github.com/Esri/calcite-design-system/issues/6348) +- **alert:** ensure `border-radius` is consistent for prescribed `slots` ([#6368](https://github.com/Esri/calcite-design-system/issues/6368)) ([cfe5699](https://github.com/Esri/calcite-design-system/commit/cfe56994cf42b4176c2e6fd1aa3ac098aaf26198)), closes [#6348](https://github.com/Esri/calcite-design-system/issues/6348) -- __input-date-picker:__ input renders numbers in the specified numbering system ([#6360](https://github.com/Esri/calcite-design-system/issues/6360)) ([b74c37f](https://github.com/Esri/calcite-design-system/commit/b74c37f43139f8a4b8961a6c9c1b79bdbca3236f)) -- __split-button:__ no longer displays divider for transparent with inverse kind ([#6350](https://github.com/Esri/calcite-design-system/issues/6350)) ([11bc2e8](https://github.com/Esri/calcite-design-system/commit/11bc2e878c1a966b95f9810d1d4d15447e302bdb)), closes [#6332](https://github.com/Esri/calcite-design-system/issues/6332) +- **input-date-picker:** input renders numbers in the specified numbering system ([#6360](https://github.com/Esri/calcite-design-system/issues/6360)) ([b74c37f](https://github.com/Esri/calcite-design-system/commit/b74c37f43139f8a4b8961a6c9c1b79bdbca3236f)) +- **split-button:** no longer displays divider for transparent with inverse kind ([#6350](https://github.com/Esri/calcite-design-system/issues/6350)) ([11bc2e8](https://github.com/Esri/calcite-design-system/commit/11bc2e878c1a966b95f9810d1d4d15447e302bdb)), closes [#6332](https://github.com/Esri/calcite-design-system/issues/6332) -- __popover:__ fix heading padding for m and l scales ([#6341](https://github.com/Esri/calcite-design-system/issues/6341)) ([6153db9](https://github.com/Esri/calcite-design-system/commit/6153db98e50152980052f08ec0eeb1a60941cadf)), closes [#5803](https://github.com/Esri/calcite-design-system/issues/5803) +- **popover:** fix heading padding for m and l scales ([#6341](https://github.com/Esri/calcite-design-system/issues/6341)) ([6153db9](https://github.com/Esri/calcite-design-system/commit/6153db98e50152980052f08ec0eeb1a60941cadf)), closes [#5803](https://github.com/Esri/calcite-design-system/issues/5803) ## [v1.0.3](https://github.com/Esri/calcite-design-system/compare/v1.0.0-beta.99...v1.0.3) (2023-01-24) ### ⚠ BREAKING CHANGES -- __styles:__ Use "mode" nomenclature instead of "theme" +- **styles:** Use "mode" nomenclature instead of "theme" - `.calcite-theme-auto`, `.calcite-theme-dark`, and `.calcite-theme-light` CSS classes have been replaced with `.calcite-mode-auto`, `.calcite-mode-dark`, and `.calcite-mode-light` -- __modal, panel, popover__: Removed `focusId` parameter from `setFocus` methods. +- **modal, panel, popover**: Removed `focusId` parameter from `setFocus` methods. When the `setFocus` method is called the first focusable element will be focused. -- __panel, shell-panel, flow-item:__ Update available css variables. +- **panel, shell-panel, flow-item:** Update available css variables. - Removes `heightScale` and `widthScale` properties from Panel and Flow Item. @@ -835,7 +835,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline `calciteRadioButtonGroupChange`, use `event.target` and the property `selectedItem` instead. -- __radio-group, radio-group-item:__ Renames components. +- **radio-group, radio-group-item:** Renames components. - `calcite-radio-group` has been renamed to `calcite-segmented-control`. - `calcite-radio-group-item` has been renamed to @@ -858,65 +858,65 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ### Features -- __tree-item:__ support actions-end and icon-start ([#6005](https://github.com/Esri/calcite-design-system/issues/6005)) ([ea36657](https://github.com/Esri/calcite-design-system/commit/ea3665787f4f5da9bb6c6d5074652d422dc411c1)), closes [#3127](https://github.com/Esri/calcite-design-system/issues/3127) +- **tree-item:** support actions-end and icon-start ([#6005](https://github.com/Esri/calcite-design-system/issues/6005)) ([ea36657](https://github.com/Esri/calcite-design-system/commit/ea3665787f4f5da9bb6c6d5074652d422dc411c1)), closes [#3127](https://github.com/Esri/calcite-design-system/issues/3127) -- __modal:__ Updates accepted `width` values, adds css variables for width and height ([#6166](https://github.com/Esri/calcite-design-system/issues/6166)) ([de11401](https://github.com/Esri/calcite-design-system/commit/de11401acf69cc7c3c0ef3362975af3c5365b618)) +- **modal:** Updates accepted `width` values, adds css variables for width and height ([#6166](https://github.com/Esri/calcite-design-system/issues/6166)) ([de11401](https://github.com/Esri/calcite-design-system/commit/de11401acf69cc7c3c0ef3362975af3c5365b618)) -- __date-picker:__ Update border color ([#6273](https://github.com/Esri/calcite-design-system/issues/6273)) ([1bdb9c1](https://github.com/Esri/calcite-design-system/commit/1bdb9c11b52a2f5de06d963def7d2e469343ea07)) +- **date-picker:** Update border color ([#6273](https://github.com/Esri/calcite-design-system/issues/6273)) ([1bdb9c1](https://github.com/Esri/calcite-design-system/commit/1bdb9c11b52a2f5de06d963def7d2e469343ea07)) -- __panel:__ Allow Panel to fill height of parent ([#6256](https://github.com/Esri/calcite-design-system/issues/6256)) ([f556efc](https://github.com/Esri/calcite-design-system/commit/f556efc8ee8c02da7fb73208bc8fde0f28ef88d3)) +- **panel:** Allow Panel to fill height of parent ([#6256](https://github.com/Esri/calcite-design-system/issues/6256)) ([f556efc](https://github.com/Esri/calcite-design-system/commit/f556efc8ee8c02da7fb73208bc8fde0f28ef88d3)) -- __tab-nav:__ Add `selectedTitle` property ([#6149](https://github.com/Esri/calcite-design-system/issues/6149)) ([e48096c](https://github.com/Esri/calcite-design-system/commit/e48096cf361d0efb292849e10040f6f0e61f8bbc)) +- **tab-nav:** Add `selectedTitle` property ([#6149](https://github.com/Esri/calcite-design-system/issues/6149)) ([e48096c](https://github.com/Esri/calcite-design-system/commit/e48096cf361d0efb292849e10040f6f0e61f8bbc)) -- __popover, modal:__ Add the ability to update focus trap elements after initialization ([#6141](https://github.com/Esri/calcite-design-system/issues/6141)) ([806ca32](https://github.com/Esri/calcite-design-system/commit/806ca32788d2960df97ad18efcb731633f133fcb)) +- **popover, modal:** Add the ability to update focus trap elements after initialization ([#6141](https://github.com/Esri/calcite-design-system/issues/6141)) ([806ca32](https://github.com/Esri/calcite-design-system/commit/806ca32788d2960df97ad18efcb731633f133fcb)) ### Bug Fixes -- __select:__ bumping scale of chevron icon to M when host is scale l ([#6335](https://github.com/Esri/calcite-design-system/issues/6335)) ([fa91ec1](https://github.com/Esri/calcite-design-system/commit/fa91ec1f24957fcb67e1a9d183f24465a471678c)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) +- **select:** bumping scale of chevron icon to M when host is scale l ([#6335](https://github.com/Esri/calcite-design-system/issues/6335)) ([fa91ec1](https://github.com/Esri/calcite-design-system/commit/fa91ec1f24957fcb67e1a9d183f24465a471678c)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) -- __input, input-number:__ correctly handle '-' and '.' values when sanitizing number ([#6306](https://github.com/Esri/calcite-design-system/issues/6306)) ([6533366](https://github.com/Esri/calcite-design-system/commit/65333660001c98e078ac35548c7c92db706306d7)), closes [#6270](https://github.com/Esri/calcite-design-system/issues/6270) +- **input, input-number:** correctly handle '-' and '.' values when sanitizing number ([#6306](https://github.com/Esri/calcite-design-system/issues/6306)) ([6533366](https://github.com/Esri/calcite-design-system/commit/65333660001c98e078ac35548c7c92db706306d7)), closes [#6270](https://github.com/Esri/calcite-design-system/issues/6270) -- __tree:__ expanded item renders correctly on initial load ([#6320](https://github.com/Esri/calcite-design-system/issues/6320)) ([ac8b517](https://github.com/Esri/calcite-design-system/commit/ac8b51731aaafdef24922a5fc6f6b82beb3478bb)), closes [#6284](https://github.com/Esri/calcite-design-system/issues/6284) +- **tree:** expanded item renders correctly on initial load ([#6320](https://github.com/Esri/calcite-design-system/issues/6320)) ([ac8b517](https://github.com/Esri/calcite-design-system/commit/ac8b51731aaafdef24922a5fc6f6b82beb3478bb)), closes [#6284](https://github.com/Esri/calcite-design-system/issues/6284) -- __date-picker:__ display correct day for first day of month in `ar` locale ([#6309](https://github.com/Esri/calcite-design-system/issues/6309)) ([ea190a7](https://github.com/Esri/calcite-design-system/commit/ea190a7c12994e24acb96ee7b9cab42f17d446cd)), closes [#6182](https://github.com/Esri/calcite-design-system/issues/6182) +- **date-picker:** display correct day for first day of month in `ar` locale ([#6309](https://github.com/Esri/calcite-design-system/issues/6309)) ([ea190a7](https://github.com/Esri/calcite-design-system/commit/ea190a7c12994e24acb96ee7b9cab42f17d446cd)), closes [#6182](https://github.com/Esri/calcite-design-system/issues/6182) -- __combobox-item:__ adds selector indicator for item's with icon. ([#6282](https://github.com/Esri/calcite-design-system/issues/6282)) ([e4bdfaf](https://github.com/Esri/calcite-design-system/commit/e4bdfafbaccd6a7d529cfab0aa3e5bd63ebc6df0)), closes [#6287](https://github.com/Esri/calcite-design-system/issues/6287) +- **combobox-item:** adds selector indicator for item's with icon. ([#6282](https://github.com/Esri/calcite-design-system/issues/6282)) ([e4bdfaf](https://github.com/Esri/calcite-design-system/commit/e4bdfafbaccd6a7d529cfab0aa3e5bd63ebc6df0)), closes [#6287](https://github.com/Esri/calcite-design-system/issues/6287) -- __date-picker:__ end-range is now rounded and has the correct box-shadow ([#6216](https://github.com/Esri/calcite-design-system/issues/6216)) ([ed30588](https://github.com/Esri/calcite-design-system/commit/ed305889912dbc6643e2d956956b8539581e6c6f)), closes [#5544](https://github.com/Esri/calcite-design-system/issues/5544) +- **date-picker:** end-range is now rounded and has the correct box-shadow ([#6216](https://github.com/Esri/calcite-design-system/issues/6216)) ([ed30588](https://github.com/Esri/calcite-design-system/commit/ed305889912dbc6643e2d956956b8539581e6c6f)), closes [#5544](https://github.com/Esri/calcite-design-system/issues/5544) -- __date-picker:__ range value property updates correctly ([#6289](https://github.com/Esri/calcite-design-system/issues/6289)) ([7ff1c7d](https://github.com/Esri/calcite-design-system/commit/7ff1c7d88d7075416556cc6a53957750f96d618a)) +- **date-picker:** range value property updates correctly ([#6289](https://github.com/Esri/calcite-design-system/issues/6289)) ([7ff1c7d](https://github.com/Esri/calcite-design-system/commit/7ff1c7d88d7075416556cc6a53957750f96d618a)) -- __dropdown-item:__ bumping the scale of icon to M when parent dropdown is scale L ([#6254](https://github.com/Esri/calcite-design-system/issues/6254)) ([8957e8d](https://github.com/Esri/calcite-design-system/commit/8957e8d3aa22862ef4c1535d4928dc0ace965d9d)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) +- **dropdown-item:** bumping the scale of icon to M when parent dropdown is scale L ([#6254](https://github.com/Esri/calcite-design-system/issues/6254)) ([8957e8d](https://github.com/Esri/calcite-design-system/commit/8957e8d3aa22862ef4c1535d4928dc0ace965d9d)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) -- __tab, tabs, tab-title, input, input-number, input-text, input-date-picker, input-time-picker:__ bumping the scale of icon to M when parent is scale L ([#6267](https://github.com/Esri/calcite-design-system/issues/6267)) ([e8edf6b](https://github.com/Esri/calcite-design-system/commit/e8edf6b666a585330b2b7c00a7dfde8449bc54f8)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) +- **tab, tabs, tab-title, input, input-number, input-text, input-date-picker, input-time-picker:** bumping the scale of icon to M when parent is scale L ([#6267](https://github.com/Esri/calcite-design-system/issues/6267)) ([e8edf6b](https://github.com/Esri/calcite-design-system/commit/e8edf6b666a585330b2b7c00a7dfde8449bc54f8)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) -- __accordion-item:__ bumping the scale of icon to M when parent accordion is scale L ([#6252](https://github.com/Esri/calcite-design-system/issues/6252)) ([a6bb7da](https://github.com/Esri/calcite-design-system/commit/a6bb7da936014b0f5514dea8951ff6cde0d7a604)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) +- **accordion-item:** bumping the scale of icon to M when parent accordion is scale L ([#6252](https://github.com/Esri/calcite-design-system/issues/6252)) ([a6bb7da](https://github.com/Esri/calcite-design-system/commit/a6bb7da936014b0f5514dea8951ff6cde0d7a604)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) -- __combobox-item:__ bumping the scale of icon to M when parent combobox is scale L ([#6253](https://github.com/Esri/calcite-design-system/issues/6253)) ([051cb3f](https://github.com/Esri/calcite-design-system/commit/051cb3f498b2f43339aa2d973dcd257098d84fd6)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) +- **combobox-item:** bumping the scale of icon to M when parent combobox is scale L ([#6253](https://github.com/Esri/calcite-design-system/issues/6253)) ([051cb3f](https://github.com/Esri/calcite-design-system/commit/051cb3f498b2f43339aa2d973dcd257098d84fd6)), closes [#5698](https://github.com/Esri/calcite-design-system/issues/5698) -- __button:__ neutral and outline button now has correct border color ([#6269](https://github.com/Esri/calcite-design-system/issues/6269)) ([24e6d32](https://github.com/Esri/calcite-design-system/commit/24e6d3268855bd5f00f04b5c52bc62c8cb6724e0)), closes [#5331](https://github.com/Esri/calcite-design-system/issues/5331) +- **button:** neutral and outline button now has correct border color ([#6269](https://github.com/Esri/calcite-design-system/issues/6269)) ([24e6d32](https://github.com/Esri/calcite-design-system/commit/24e6d3268855bd5f00f04b5c52bc62c8cb6724e0)), closes [#5331](https://github.com/Esri/calcite-design-system/issues/5331) -- __input, input-number, input-text:__ allow slotted action to be independently disabled ([#6250](https://github.com/Esri/calcite-design-system/issues/6250)) ([8197c18](https://github.com/Esri/calcite-design-system/commit/8197c185c1fb23ebc5e7b0ff3bb6594c445d8736)), closes [#6241](https://github.com/Esri/calcite-design-system/issues/6241) +- **input, input-number, input-text:** allow slotted action to be independently disabled ([#6250](https://github.com/Esri/calcite-design-system/issues/6250)) ([8197c18](https://github.com/Esri/calcite-design-system/commit/8197c185c1fb23ebc5e7b0ff3bb6594c445d8736)), closes [#6241](https://github.com/Esri/calcite-design-system/issues/6241) -- __input, input-number:__ nudge buttons increment/decrement once per interaction ([#6240](https://github.com/Esri/calcite-design-system/issues/6240)) ([fd10ac5](https://github.com/Esri/calcite-design-system/commit/fd10ac5976e00c30b9acbbe9ea19b2ab284eac6d)), closes [#5785](https://github.com/Esri/calcite-design-system/issues/5785) +- **input, input-number:** nudge buttons increment/decrement once per interaction ([#6240](https://github.com/Esri/calcite-design-system/issues/6240)) ([fd10ac5](https://github.com/Esri/calcite-design-system/commit/fd10ac5976e00c30b9acbbe9ea19b2ab284eac6d)), closes [#5785](https://github.com/Esri/calcite-design-system/issues/5785) -- __tree-item:__ overflow slotted elements are no longer hidden ([#5261](https://github.com/Esri/calcite-design-system/issues/5261)) ([4aa1f7e](https://github.com/Esri/calcite-design-system/commit/4aa1f7eaa437f7bf25c5bbced8559b41944e32fb)), closes [#5168](https://github.com/Esri/calcite-design-system/issues/5168) +- **tree-item:** overflow slotted elements are no longer hidden ([#5261](https://github.com/Esri/calcite-design-system/issues/5261)) ([4aa1f7e](https://github.com/Esri/calcite-design-system/commit/4aa1f7eaa437f7bf25c5bbced8559b41944e32fb)), closes [#5168](https://github.com/Esri/calcite-design-system/issues/5168) -- __list-item:__ use pointer cursor when selection mode is none ([#6213](https://github.com/Esri/calcite-design-system/issues/6213)) ([6b43b91](https://github.com/Esri/calcite-design-system/commit/6b43b916a1ee3908635ab0b682d7a2d209545b22)), closes [#6123](https://github.com/Esri/calcite-design-system/issues/6123) +- **list-item:** use pointer cursor when selection mode is none ([#6213](https://github.com/Esri/calcite-design-system/issues/6213)) ([6b43b91](https://github.com/Esri/calcite-design-system/commit/6b43b916a1ee3908635ab0b682d7a2d209545b22)), closes [#6123](https://github.com/Esri/calcite-design-system/issues/6123) -- __alert:__ Correctly dismiss after hovering ([#6228](https://github.com/Esri/calcite-design-system/issues/6228)) ([66dd692](https://github.com/Esri/calcite-design-system/commit/66dd692d6030b2e6957603101a78f728ff31c6e2)), closes [#6222](https://github.com/Esri/calcite-design-system/issues/6222) +- **alert:** Correctly dismiss after hovering ([#6228](https://github.com/Esri/calcite-design-system/issues/6228)) ([66dd692](https://github.com/Esri/calcite-design-system/commit/66dd692d6030b2e6957603101a78f728ff31c6e2)), closes [#6222](https://github.com/Esri/calcite-design-system/issues/6222) -- __input, input-number:__ increment/decrement to the min/max when value is below/above ([#6207](https://github.com/Esri/calcite-design-system/issues/6207)) ([d9eb215](https://github.com/Esri/calcite-design-system/commit/d9eb215f423f68dfa67d9a69b38d7328a8580b86)), closes [#6201](https://github.com/Esri/calcite-design-system/issues/6201) +- **input, input-number:** increment/decrement to the min/max when value is below/above ([#6207](https://github.com/Esri/calcite-design-system/issues/6207)) ([d9eb215](https://github.com/Esri/calcite-design-system/commit/d9eb215f423f68dfa67d9a69b38d7328a8580b86)), closes [#6201](https://github.com/Esri/calcite-design-system/issues/6201) -- __modal:__ close button does not change header height ([#6205](https://github.com/Esri/calcite-design-system/issues/6205)) ([f1d73a8](https://github.com/Esri/calcite-design-system/commit/f1d73a8c92678f3429fe2ac7215a15cf45c87692)), closes [#1707](https://github.com/Esri/calcite-design-system/issues/1707) [#5210](https://github.com/Esri/calcite-design-system/issues/5210) +- **modal:** close button does not change header height ([#6205](https://github.com/Esri/calcite-design-system/issues/6205)) ([f1d73a8](https://github.com/Esri/calcite-design-system/commit/f1d73a8c92678f3429fe2ac7215a15cf45c87692)), closes [#1707](https://github.com/Esri/calcite-design-system/issues/1707) [#5210](https://github.com/Esri/calcite-design-system/issues/5210) -- __input-date-picker:__ update input value when changing locale ([#6197](https://github.com/Esri/calcite-design-system/issues/6197)) ([65478be](https://github.com/Esri/calcite-design-system/commit/65478be957a20cc4bbc36d52c166c132467e57e4)), closes [#5886](https://github.com/Esri/calcite-design-system/issues/5886) [#5969](https://github.com/Esri/calcite-design-system/issues/5969) +- **input-date-picker:** update input value when changing locale ([#6197](https://github.com/Esri/calcite-design-system/issues/6197)) ([65478be](https://github.com/Esri/calcite-design-system/commit/65478be957a20cc4bbc36d52c166c132467e57e4)), closes [#5886](https://github.com/Esri/calcite-design-system/issues/5886) [#5969](https://github.com/Esri/calcite-design-system/issues/5969) -- __date-picker:__ modify weekStart value for ar locale ([#6154](https://github.com/Esri/calcite-design-system/issues/6154)) ([f9fe230](https://github.com/Esri/calcite-design-system/commit/f9fe230ba07d4c581993efacff04303700c07106)) +- **date-picker:** modify weekStart value for ar locale ([#6154](https://github.com/Esri/calcite-design-system/issues/6154)) ([f9fe230](https://github.com/Esri/calcite-design-system/commit/f9fe230ba07d4c581993efacff04303700c07106)) -- __time-picker:__ high contrast visibility of outlines in focus and hover states ([#6129](https://github.com/Esri/calcite-design-system/issues/6129)) ([90ddff1](https://github.com/Esri/calcite-design-system/commit/90ddff10b712758bd4c60b8279b45e4c9997748d)) +- **time-picker:** high contrast visibility of outlines in focus and hover states ([#6129](https://github.com/Esri/calcite-design-system/issues/6129)) ([90ddff1](https://github.com/Esri/calcite-design-system/commit/90ddff10b712758bd4c60b8279b45e4c9997748d)) -- __tooltip:__ Fix hover logic for elements within shadowRoot. ([#6119](https://github.com/Esri/calcite-design-system/issues/6119)) ([f490e5e](https://github.com/Esri/calcite-design-system/commit/f490e5ee0a4ae75f0e3b727f4ce0f7925bc8e53c)) +- **tooltip:** Fix hover logic for elements within shadowRoot. ([#6119](https://github.com/Esri/calcite-design-system/issues/6119)) ([f490e5e](https://github.com/Esri/calcite-design-system/commit/f490e5ee0a4ae75f0e3b727f4ce0f7925bc8e53c)) ## beta versions diff --git a/packages/calcite-components/CHANGELOG_BETA.md b/packages/calcite-components/CHANGELOG_BETA.md index 50cf08d69fa..e23a282eb2f 100644 --- a/packages/calcite-components/CHANGELOG_BETA.md +++ b/packages/calcite-components/CHANGELOG_BETA.md @@ -165,10 +165,10 @@ See [`CHANGELOG.md`](./CHANGELOG.md) for post-v1 changes. - Renamed the property `autoDismissDuration`, use `autoCloseDuration` instead. - Removed the property `active`, use `open` instead. - - Removed the `*-leading` and `*-trailing` values for + - Removed the `-leading` and `-trailing` values for component `placement` properties. - - There is no need for "_-leading" and "_-trailing" values anymore since - `*-start` and `*-end` are already flipped in right-to-left direction. + - There is no need for "-leading" and "-trailing" values anymore since + `-start` and `-end` are already flipped in right-to-left direction. - **block**: @@ -226,7 +226,7 @@ See [`CHANGELOG.md`](./CHANGELOG.md) for post-v1 changes. set to `hex` by default. - Removed ,`intlNoColor` property. - _note: color-picker-hex-input is `internal` component._ + *note: color-picker-hex-input is `internal` component.* - **color-picker:** diff --git a/packages/calcite-components/FAQ.md b/packages/calcite-components/FAQ.md index 992a97cb34e..9161f4cd74a 100644 --- a/packages/calcite-components/FAQ.md +++ b/packages/calcite-components/FAQ.md @@ -49,7 +49,7 @@ Slots are a common web components concept, and chances are you already use them. ``` -The `option` elements are placed in `select`'s _default slot_. Additionally, the "JavaScript" and "TypeScript" text is placed in `option`'s respective default slots. Many Calcite Components also utilize default slots. For example, here is a `calcite-dropdown` component: +The `option` elements are placed in `select`'s *default slot*. Additionally, the "JavaScript" and "TypeScript" text is placed in `option`'s respective default slots. Many Calcite Components also utilize default slots. For example, here is a `calcite-dropdown` component: ```html @@ -59,7 +59,7 @@ The `option` elements are placed in `select`'s _default slot_. Additionally, the ``` -The `calcite-dropdown-item`s are placed in `calcite-dropdown`'s default slot. In many cases a default slot is all that is needed. However, as components become more complicated, the need arises to position and style child components differently. This is where _named slots_ come into play. In the example above, we are passing `calcite-button` into the dropdown's `trigger` slot. This informs the dropdown that the `calcite-button` component should be handled differently than the components in the default slot. If a Calcite Component has slots, they will be listed in the documentation. For example, [here are the slots](https://developers.arcgis.com/calcite-design-system/components/card/#component-api-slots) for `calcite-card`. For a more detailed explanation, I suggest reading the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots#adding_flexibility_with_slots) about slots. +The `calcite-dropdown-item`s are placed in `calcite-dropdown`'s default slot. In many cases a default slot is all that is needed. However, as components become more complicated, the need arises to position and style child components differently. This is where *named slots* come into play. In the example above, we are passing `calcite-button` into the dropdown's `trigger` slot. This informs the dropdown that the `calcite-button` component should be handled differently than the components in the default slot. If a Calcite Component has slots, they will be listed in the documentation. For example, [here are the slots](https://developers.arcgis.com/calcite-design-system/components/card/#component-api-slots) for `calcite-card`. For a more detailed explanation, I suggest reading the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots#adding_flexibility_with_slots) about slots. ### How do I change modes? diff --git a/packages/calcite-components/conventions/Accessibility/AccessibilityDeveloper.md b/packages/calcite-components/conventions/Accessibility/AccessibilityDeveloper.md index 84cd785c686..86b21c3974f 100644 --- a/packages/calcite-components/conventions/Accessibility/AccessibilityDeveloper.md +++ b/packages/calcite-components/conventions/Accessibility/AccessibilityDeveloper.md @@ -62,17 +62,17 @@ customElements.define("ui-input-broken", UIInputBroken); As of today there are no great workarounds for associating elements across the Shadow DOM boundary. Either all the associated elements should exist in the light DOM or Shadow DOM. -However, you _could_ extend the native element to allow an association. +However, you *could* extend the native element to allow an association. [scroll to top](#developer-quick-start-guide) ## 2. Tests -__The best tools only find 30% of known issues__, so they can't be relied upon. But they can be the first step towards accessibility. +**The best tools only find 30% of known issues**, so they can't be relied upon. But they can be the first step towards accessibility. Calcite Components uses the [axe-core](https://github.com/dequelabs/axe-core) and [jest-axe](https://github.com/nickcolley/jest-axe) accessibility engines throughout its components. `axe-core` contains a number of best practices to help identify accessibility practices, such as ensuring every page has an h1 heading, and to help avoid "gotchas" in ARIA like where an ARIA attribute you used will get ignored. `axe-core` can mitigate over half of WCAG issues automatically. Additionally, it will return elements as "incomplete" where it's not certain, and manual review is needed. -When a new component is added, breaking changes are introduced, and/or as new functionality is added, accessibility tests must take place. __All components should have automated tests pertaining to accessibility.__ +When a new component is added, breaking changes are introduced, and/or as new functionality is added, accessibility tests must take place. **All components should have automated tests pertaining to accessibility.** ### Adding a test @@ -152,7 +152,7 @@ FAIL src/components/tree/tree.e2e.ts (23.34 s) ## 3. Storybook -We've already added the a11y add on, [storybook-addon-a11y](https://storybook.js.org/addons/@storybook/addon-a11y) which uses `axe-core`, the same accessibility engine used for automated testing in CC. As new components and enhancements are added, __ensure stories are updated to test accessibility__. This includes as properties are added to components, to ensure we're upholding high standards to fit our audience's needs. +We've already added the a11y add on, [storybook-addon-a11y](https://storybook.js.org/addons/@storybook/addon-a11y) which uses `axe-core`, the same accessibility engine used for automated testing in CC. As new components and enhancements are added, **ensure stories are updated to test accessibility**. This includes as properties are added to components, to ensure we're upholding high standards to fit our audience's needs. [Learn more on writing stories](https://github.com/Esri/calcite-design-system/blob/main/CONTRIBUTING.md#writing-stories) from our contributing docs. diff --git a/packages/calcite-components/conventions/Accessibility/AccessibilityRoles.md b/packages/calcite-components/conventions/Accessibility/AccessibilityRoles.md index a25b6360502..f17638af835 100644 --- a/packages/calcite-components/conventions/Accessibility/AccessibilityRoles.md +++ b/packages/calcite-components/conventions/Accessibility/AccessibilityRoles.md @@ -65,7 +65,7 @@ Standalone user interface widgets or as part of larger, composite widgets. | radio | A checkable input in a group of elements with the same role, only one of which can be checked at a time. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#radio), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/radio_role) | | scrollbar | A graphical object that controls the scrolling of content within a viewing area, regardless of whether the content is fully displayed within the viewing area. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#scrollbar), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/scrollbar_role) | | searchbox | A type of textbox intended for specifying search criteria. See related `textbox` and `search`. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#searchbox), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/searchbox_role) | -| separator (_when focusable_) | A divider that separates and distinguishes sections of content or groups of menuitems. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#separator), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role) | +| separator (*when focusable*) | A divider that separates and distinguishes sections of content or groups of menuitems. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#separator), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role) | | slider | A user input where the user selects a value from within a given range. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#slider), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/slider_role) | | spinbutton | A form of `range` that expects the user to select from among discrete choices. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#spinbutton), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/spinbutton_role) | | switch | A type of checkbox that represents on/off values, as opposed to checked/unchecked values. Reference related `checkbox` widget role. | [W3C](https://www.w3.org/TR/wai-aria-1.1/#switch), [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/switch_role) | @@ -136,9 +136,9 @@ Learn more about the combobox role on [W3C](https://www.w3.org/TR/wai-aria-1.1/# | Key | Function | | ------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `↓` | Moves focus to the next option, or to the first option if none was selected. | -| `Alt` + `↓` (_Optional_) | If the popup is available but not displayed, displays the popup without moving focus. | +| `Alt` + `↓` (*Optional*) | If the popup is available but not displayed, displays the popup without moving focus. | | `↑` | Moves focus to the previous option. Moving focus to the first option if focus was originally on the last option. | -| `Alt` + `↑` (_Optional_) | If the popup has focus, returns focus to the combobox, otherwise it closes the popup. | +| `Alt` + `↑` (*Optional*) | If the popup has focus, returns focus to the combobox, otherwise it closes the popup. | | `Enter` | If the combobox is editable and an autocomplete suggestion is selected in the popup, accepts the suggestion either by placing the input cursor at the end of the accepted value in the combobox or by performing a default action on the value. For example, in a messaging application, the default action may be to add the accepted value to a list of message recipients and then clear the combobox so the user can add another recipient. | [scroll to top](#roles) @@ -254,7 +254,7 @@ Learn more about the listbox role on [W3C](https://www.w3.org/TR/wai-aria-1.1/#l #### Keyboard functionality for Listbox -_Single selection_: +*Single selection*: If none of the options are selected before the `listbox` receives focus, the first option receives focus. Optionally, the first option may be automatically selected. If an option is selected before the `listbox` receives focus, focus is set on the selected option. @@ -262,10 +262,10 @@ If none of the options are selected before the `listbox` receives focus, the fir | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `↓` | Moves focus to the next option. Optionally, in a single-select listbox, selection may also move with focus. | | `↑` | Moves focus to the previous option. Optionally, in a single-select listbox, selection may also move with focus. | -| `Home` (_Optional_) | Moves focus to first option. Optionally, in a single-select listbox, selection may also move with focus. Supporting this key is strongly recommended for lists with more than five options. | -| `End` (_Optional_) | Moves focus to last option. Optionally, in a single-select listbox, selection may also move with focus. Supporting this key is strongly recommended for lists with more than five options. | +| `Home` (*Optional*) | Moves focus to first option. Optionally, in a single-select listbox, selection may also move with focus. Supporting this key is strongly recommended for lists with more than five options. | +| `End` (*Optional*) | Moves focus to last option. Optionally, in a single-select listbox, selection may also move with focus. Supporting this key is strongly recommended for lists with more than five options. | -_Multiple selection_: +*Multiple selection*: If none of the options are selected before the `listbox` receives focus, focus is set on the first option and there is no automatic change in the selected state. If one or more options are selected before the `listbox` receives focus, focus is set on the first option in the list that is selected. @@ -274,12 +274,12 @@ Recommended selection model, holding modifier keys, such as `Shift` or `ctrl`, i | Key | Function | | -------------------------------------- | --------------------------------------------------------------------------------------------------------------- | | `space` | Changes the selection state of the focused option. | -| `Shift` + `↓` (_Optional_) | Moves focus to and toggles the selected state of the next option. | -| `Shift` + `↑` (_Optional_) | Moves focus to and toggles the selected state of the previous option. | -| `Shift` + `space` (_Optional_) | Selects contiguous items from the most recently selected item to the focused item. | -| `ctrl` + `Shift` + `Home` (_Optional_) | Selects the focused option and all options up to the first option. Optionally, moves focus to the first option. | -| `ctrl` + `Shift` + `End` (_Optional_) | Selects the focused option and all options down to the last option. Optionally, moves focus to the last option. | -| `ctrl` + `A` (_Optional_) | Selects all options in the list. Optionally, if all options are selected, it may also unselect all options. | +| `Shift` + `↓` (*Optional*) | Moves focus to and toggles the selected state of the next option. | +| `Shift` + `↑` (*Optional*) | Moves focus to and toggles the selected state of the previous option. | +| `Shift` + `space` (*Optional*) | Selects contiguous items from the most recently selected item to the focused item. | +| `ctrl` + `Shift` + `Home` (*Optional*) | Selects the focused option and all options up to the first option. Optionally, moves focus to the first option. | +| `ctrl` + `Shift` + `End` (*Optional*) | Selects the focused option and all options down to the last option. Optionally, moves focus to the last option. | +| `ctrl` + `A` (*Optional*) | Selects all options in the list. Optionally, if all options are selected, it may also unselect all options. | [scroll to top](#roles) @@ -506,10 +506,10 @@ If the `tablist` is horizontal, it does not listen for `↓` or `↑` so those k | `↑` | Moves focus to the previous tab. If focus is on the first tab, moves focus to the last tab. Optionally, activates the newly focused tab. | | `↓` | Moves focus to the next tab. If focus is on the last tab element, moves focus to the first tab. Optionally, activates the newly focused tab. | | `space`
`Enter` | Activates the tab if it was not activated automatically on focus. | -| `Home` (_optional_) | Moves focus to the first tab. Optionally, activates the newly focused tab. | -| `End` (_optional_) | Moves focus to the last tab. Optionally, activates the newly focused tab. | +| `Home` (*optional*) | Moves focus to the first tab. Optionally, activates the newly focused tab. | +| `End` (*optional*) | Moves focus to the last tab. Optionally, activates the newly focused tab. | | `Shift` + `F10` | If the tab has an associated popup menu, opens the menu. | -| `Delete` (_optional_) | If deletion is allowed, deletes (closes) the current tab element and its associated tab panel, sets focus on the tab following the tab that was closed, and optionally activates the newly focused tab. If there is not a tab that followed the tab that was deleted, e.g., the deleted tab was the right-most tab in a left-to-right horizontal tab list, sets focus on and optionally activates the tab that preceded the deleted tab. If the application allows all tabs to be deleted, and the user deletes the last remaining tab in the tab list, the application moves focus to another element that provides a logical work flow. As an alternative to Delete, or in addition to supporting Delete, the delete function is available in a context menu. | +| `Delete` (*optional*) | If deletion is allowed, deletes (closes) the current tab element and its associated tab panel, sets focus on the tab following the tab that was closed, and optionally activates the newly focused tab. If there is not a tab that followed the tab that was deleted, e.g., the deleted tab was the right-most tab in a left-to-right horizontal tab list, sets focus on and optionally activates the tab that preceded the deleted tab. If the application allows all tabs to be deleted, and the user deletes the last remaining tab in the tab list, the application moves focus to another element that provides a logical work flow. As an alternative to Delete, or in addition to supporting Delete, the delete function is available in a context menu. | [scroll to top](#roles) @@ -608,7 +608,7 @@ For a vertically oriented `tree`, which is the default orientation: | `End` | Moves focus to the first node in the tree without opening or closing a node. | | `Enter` | Performs the default action of the currently focused node. For parent nodes, it opens or closes the node. In single-select trees, if the node has no children, selects the current node if not already selected (which is the default action). | | Type a character\* | - Focus moves to the next node with a name that starts with the typed character.
- If multiple characters are typed in rapid succession, focus moves to the next node with a name that starts with the string of characters typed. | -| `*` (_optional_) | Expands all siblings that are at the same level as the current node. | +| `*` (*optional*) | Expands all siblings that are at the same level as the current node. | `*` Type-ahead is recommended for all trees, especially for trees with more than 7 root nodes. diff --git a/packages/calcite-components/conventions/README.md b/packages/calcite-components/conventions/README.md index eaf4fab13f9..d3d6fcbb917 100644 --- a/packages/calcite-components/conventions/README.md +++ b/packages/calcite-components/conventions/README.md @@ -17,8 +17,8 @@ We follow Stencil's suggested component structure. See their [style guide](https Calcite Components broadly targets two groups of projects inside Esri: -- __Sites__ like [esri.com](https://esri.com) and [developers.arcgis.com](https://developers.arcgis.com). -- __Apps__ like [ArcGIS Online](https://arcgis.com), [Vector Tile Style Editor](https://developers.arcgis.com/vector-tile-style-editor), [Workforce](https://www.esri.com/en-us/arcgis/products/workforce/overview), [ArcGIS Hub](https://hub.arcgis.com) etc... +- **Sites** like [esri.com](https://esri.com) and [developers.arcgis.com](https://developers.arcgis.com). +- **Apps** like [ArcGIS Online](https://arcgis.com), [Vector Tile Style Editor](https://developers.arcgis.com/vector-tile-style-editor), [Workforce](https://www.esri.com/en-us/arcgis/products/workforce/overview), [ArcGIS Hub](https://hub.arcgis.com) etc... Components should present the minimum possible implementation to be usable by both sites and apps and leave as much as possible to users. @@ -34,10 +34,10 @@ However components are allowed to: - Use or implement `localStorage` if there is a specific use case. - Communicate with other components if a specific use case exists. -__Discussed In__: +**Discussed In**: -- [Should tabs support syncing and loading from localstorage](https://github.com/ArcGIS/calcite-components/pull/27) . __Yes__ because such feature are difficult to implement for __Sites__ and would require lots of additional JavaScript work on the part of teams and authors -- [Should switch support a label](https://github.com/ArcGIS/calcite-components/pull/24#discussion_r289424140). __No__ because label place +- [Should tabs support syncing and loading from localstorage](https://github.com/ArcGIS/calcite-components/pull/27) . **Yes** because such feature are difficult to implement for **Sites** and would require lots of additional JavaScript work on the part of teams and authors +- [Should switch support a label](https://github.com/ArcGIS/calcite-components/pull/24#discussion_r289424140). **No** because label place ## Events @@ -55,7 +55,7 @@ Event names should be treated like global variables since they can collide with - If an existing event can be listened to, don't create a new custom event. For example, there is no need to create a `calciteButtonClick` event because a standard `click` event will still be fired from the element. - For consistency, use `calciteChange` for value change events. -__Discussed In:__ +**Discussed In:** - @@ -81,7 +81,7 @@ Only attach additional data to your event if that data cannot be determined from ### Native event cancellation -When a component __handles events for its own interaction__ (e.g., moving between list items, closing an open menu), if the event is tied to default browser behavior (e.g., space key scrolling the page), `Event.preventDefault()` must be called to avoid mixed behavior. +When a component **handles events for its own interaction** (e.g., moving between list items, closing an open menu), if the event is tied to default browser behavior (e.g., space key scrolling the page), `Event.preventDefault()` must be called to avoid mixed behavior. ```tsx class SomeInputTypeComponent { @@ -179,7 +179,7 @@ interface FocusableComponent { type FocusId = string; ``` -__Note__: Implementations can use the [`focusElement`](https://github.com/Esri/calcite-design-system/blob/f2bb61828f3da54b7dcb5fb1dade12b85d82331e/src/utils/dom.ts#L41-L47) helper to handle focusing both native and calcite components. +**Note**: Implementations can use the [`focusElement`](https://github.com/Esri/calcite-design-system/blob/f2bb61828f3da54b7dcb5fb1dade12b85d82331e/src/utils/dom.ts#L41-L47) helper to handle focusing both native and calcite components. Examples: @@ -279,7 +279,7 @@ Stencil has the capability to build and distribute a large variety of outputs ba As a best practice we should follow [Ionic's configuration](https://github.com/ionic-team/ionic/blob/master/core/stencil.config.ts) and generate a `bundle` for each component. Stencil will then generate a loader that will dynamically load the components used on the page. -__Note:__ This is highly likely to change as we move closer to our first release and as Stencil improves their documentation around their specific methods and build processes. +**Note:** This is highly likely to change as we move closer to our first release and as Stencil improves their documentation around their specific methods and build processes. Each root component should have a corresponding bundle entry in `stencil.config.ts`. diff --git a/packages/calcite-components/conventions/Styling.md b/packages/calcite-components/conventions/Styling.md index 977e3becf32..ec5b51d3d6d 100644 --- a/packages/calcite-components/conventions/Styling.md +++ b/packages/calcite-components/conventions/Styling.md @@ -139,6 +139,6 @@ All components have been constructed to inherit their `font-family`. This enable The Esri color palette can be found [here](https://esri.github.io/calcite-colors/). -__Discussed In__: +**Discussed In**: - diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json index 59429179a4a..fb736e521ef 100644 --- a/packages/calcite-components/package.json +++ b/packages/calcite-components/package.json @@ -31,7 +31,7 @@ "lint": "concurrently npm:lint:*", "lint:html": "prettier --write \"**/*.html\" >/dev/null", "lint:json": "prettier --write \"**/*.json\" >/dev/null", - "lint:md": "markdownlint \"**/*.md\" --fix --dot --ignore-path .gitignore && prettier --write \"**/*.md\" >/dev/null", + "lint:md": "prettier --write \"**/*.md\" >/dev/null && markdownlint \"**/*.md\" --fix --dot --ignore-path .gitignore", "lint:scss": "stylelint --fix \"src/**/*.scss\" && prettier --write \"**/*.scss\" >/dev/null", "lint:ts": "eslint --ext .ts,.tsx --fix . && prettier --write \"**/*.ts?(x)\" >/dev/null", "posttest": "npm run test:prerender", diff --git a/packages/calcite-components/src/components.d.ts b/packages/calcite-components/src/components.d.ts index ab283c4d42d..92f47c2f83f 100644 --- a/packages/calcite-components/src/components.d.ts +++ b/packages/calcite-components/src/components.d.ts @@ -4526,7 +4526,7 @@ export namespace Components { */ "scale": Scale; /** - * Specifies the component's selected tab-title. + * Specifies the component's selected `calcite-tab-title`. * @readonly */ "selectedTitle": HTMLCalciteTabTitleElement; @@ -4635,7 +4635,7 @@ export namespace Components { */ "numberingSystem"?: NumberingSystem; /** - * Specifies the page size of the component. When `true`, renders `calcite-pagination` + * Specifies the page size of the component. When `true`, renders `calcite-pagination`. */ "pageSize": number; /** @@ -4648,7 +4648,7 @@ export namespace Components { */ "selectedItems": HTMLCalciteTableRowElement[]; /** - * Specifies the selection mode of the component. + * Specifies the selection mode - `"none"` (no `calcite-table-row` selections), `"single"` (allow one `calcite-table-row` selection), or `"multiple"` (allow any number of `calcite-table-row` selections). */ "selectionMode": Extract<"none" | "multiple" | "single", SelectionMode>; /** @@ -4779,11 +4779,11 @@ export namespace Components { */ "layout": TabLayout; /** - * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`, defaults to `top`. + * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`. */ "position": TabPosition; /** - * Specifies the size of the component, defaults to `m`. + * Specifies the size of the component. */ "scale": Scale; } @@ -4984,7 +4984,7 @@ export namespace Components { */ "setFocus": () => Promise; /** - * The selection mode of the component. Use radio for single selection, and checkbox for multiple selections. + * The selection mode of the component. Use `"radio"` for single selection, and `"checkbox"` for multiple selections. */ "type": TileSelectType; /** @@ -5142,7 +5142,7 @@ export namespace Components { interface CalciteTree { "child": boolean; /** - * Displays indentation guide lines. + * When `true`, displays indentation guide lines. */ "lines": boolean; /** @@ -5197,7 +5197,7 @@ export namespace Components { */ interface CalciteValueList { /** - * When provided, the method will be called to determine whether the element can move from the list. + * When provided, the method will be called to determine whether the element can move from the list. */ "canPull": (detail: DragDetail) => boolean; /** @@ -5235,7 +5235,7 @@ export namespace Components { */ "filteredItems": HTMLCalciteValueListItemElement[]; /** - * Returns the currently selected items + * Returns the component's selected items. */ "getSelectedItems": () => Promise>; /** @@ -11958,7 +11958,7 @@ declare namespace LocalJSX { */ "scale"?: Scale; /** - * Specifies the component's selected tab-title. + * Specifies the component's selected `calcite-tab-title`. * @readonly */ "selectedTitle"?: HTMLCalciteTabTitleElement; @@ -12090,7 +12090,7 @@ declare namespace LocalJSX { */ "onCalciteTableSelect"?: (event: CalciteTableCustomEvent) => void; /** - * Specifies the page size of the component. When `true`, renders `calcite-pagination` + * Specifies the page size of the component. When `true`, renders `calcite-pagination`. */ "pageSize"?: number; /** @@ -12103,7 +12103,7 @@ declare namespace LocalJSX { */ "selectedItems"?: HTMLCalciteTableRowElement[]; /** - * Specifies the selection mode of the component. + * Specifies the selection mode - `"none"` (no `calcite-table-row` selections), `"single"` (allow one `calcite-table-row` selection), or `"multiple"` (allow any number of `calcite-table-row` selections). */ "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>; /** @@ -12231,11 +12231,11 @@ declare namespace LocalJSX { */ "layout"?: TabLayout; /** - * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`, defaults to `top`. + * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`. */ "position"?: TabPosition; /** - * Specifies the size of the component, defaults to `m`. + * Specifies the size of the component. */ "scale"?: Scale; } @@ -12436,7 +12436,7 @@ declare namespace LocalJSX { */ "onCalciteTileSelectChange"?: (event: CalciteTileSelectCustomEvent) => void; /** - * The selection mode of the component. Use radio for single selection, and checkbox for multiple selections. + * The selection mode of the component. Use `"radio"` for single selection, and `"checkbox"` for multiple selections. */ "type"?: TileSelectType; /** @@ -12604,7 +12604,7 @@ declare namespace LocalJSX { interface CalciteTree { "child"?: boolean; /** - * Displays indentation guide lines. + * When `true`, displays indentation guide lines. */ "lines"?: boolean; /** @@ -12664,7 +12664,7 @@ declare namespace LocalJSX { */ interface CalciteValueList { /** - * When provided, the method will be called to determine whether the element can move from the list. + * When provided, the method will be called to determine whether the element can move from the list. */ "canPull"?: (detail: DragDetail) => boolean; /** diff --git a/packages/calcite-components/src/components/accordion-item/readme.md b/packages/calcite-components/src/components/accordion-item/readme.md index 64efb1018eb..9036c2bb336 100644 --- a/packages/calcite-components/src/components/accordion-item/readme.md +++ b/packages/calcite-components/src/components/accordion-item/readme.md @@ -39,4 +39,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/accordion/readme.md b/packages/calcite-components/src/components/accordion/readme.md index a5bb8def592..51362f4bf0a 100644 --- a/packages/calcite-components/src/components/accordion/readme.md +++ b/packages/calcite-components/src/components/accordion/readme.md @@ -34,4 +34,4 @@ --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/action-bar/readme.md b/packages/calcite-components/src/components/action-bar/readme.md index 34339db97f7..20a39c6795c 100755 --- a/packages/calcite-components/src/components/action-bar/readme.md +++ b/packages/calcite-components/src/components/action-bar/readme.md @@ -63,10 +63,10 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti | Property | Attribute | Description | Type | Default | | ------------------------- | --------------------------- | ------------------------------------------------------------------------------- | ----------------------------------------- | ------------ | -| `actionsEndGroupLabel` | `actions-end-group-label` | Specifies the accessible label for the last action-group. | `string` | `undefined` | +| `actionsEndGroupLabel` | `actions-end-group-label` | Specifies the accessible label for the last `calcite-action-group`. | `string` | `undefined` | | `expandDisabled` | `expand-disabled` | When `true`, the expand-toggling behavior is disabled. | `boolean` | `false` | | `expanded` | `expanded` | When `true`, the component is expanded. | `boolean` | `false` | -| `layout` | `layout` | The layout direction of the actions. | `"horizontal" \| "vertical"` | `"vertical"` | +| `layout` | `layout` | Specifies the layout direction of the actions. | `"horizontal" \| "vertical"` | `"vertical"` | | `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ expand?: string; collapse?: string; }` | `undefined` | | `overflowActionsDisabled` | `overflow-actions-disabled` | Disables automatically overflowing `calcite-action`s that won't fit into menus. | `boolean` | `false` | | `position` | `position` | Arranges the component depending on the element's `dir` property. | `"end" \| "start"` | `undefined` | @@ -99,9 +99,9 @@ Type: `Promise` ## CSS Custom Properties -| Name | Description | -| ----------------------------------------- | -------------------------------------------------------------------------------------- | -| `--calcite-action-bar-expanded-max-width` | optionally specify the expanded max width of the action bar when in "vertical" layout. | +| Name | Description | +| ----------------------------------------- | --------------------------------------------------------------------------------- | +| `--calcite-action-bar-expanded-max-width` | When `layout` is `"vertical"`, specifies the expanded max width of the component. | ## Dependencies @@ -129,4 +129,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/action-group/readme.md b/packages/calcite-components/src/components/action-group/readme.md index 3829e28254d..256c10c3540 100755 --- a/packages/calcite-components/src/components/action-group/readme.md +++ b/packages/calcite-components/src/components/action-group/readme.md @@ -10,7 +10,7 @@ The `calcite-action-group` is a wrapper for multiple `calcite-action`s and house | -------------------- | --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | ------------ | | `columns` | `columns` | Indicates number of columns. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | | `expanded` | `expanded` | When `true`, the component is expanded. | `boolean` | `false` | -| `label` | `label` | Specifies the label of the component. Required for accessibility. | `string` | `undefined` | +| `label` | `label` | Accessible name for the component. | `string` | `undefined` | | `layout` | `layout` | **[DEPRECATED]** Use the `layout` property on the component's parent instead.

Indicates the layout of the component. | `"grid" \| "horizontal" \| "vertical"` | `"vertical"` | | `menuOpen` | `menu-open` | When `true`, the `calcite-action-menu` is open. | `boolean` | `false` | | `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ more?: string; }` | `undefined` | @@ -74,4 +74,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/action-menu/readme.md b/packages/calcite-components/src/components/action-menu/readme.md index 46680498666..841f99099bc 100644 --- a/packages/calcite-components/src/components/action-menu/readme.md +++ b/packages/calcite-components/src/components/action-menu/readme.md @@ -6,9 +6,10 @@ | Property | Attribute | Description | Type | Default | | -------------------- | --------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | +| `appearance` | `appearance` | Specifies the appearance of the component. | `"solid" \| "transparent"` | `"solid"` | | `expanded` | `expanded` | When `true`, the component is expanded. | `boolean` | `false` | | `flipPlacements` | -- | Defines the available placements that can be used when a flip occurs. | `Placement[]` | `undefined` | -| `label` _(required)_ | `label` | Specifies the text string for the component. | `string` | `undefined` | +| `label` *(required)* | `label` | Specifies the text string for the component. | `string` | `undefined` | | `open` | `open` | When `true`, the component is open. | `boolean` | `false` | | `overlayPositioning` | `overlay-positioning` | Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. | `"absolute" \| "fixed"` | `"absolute"` | | `placement` | `placement` | Determines where the component will be positioned relative to the `referenceElement`. | `"auto" \| "top" \| "right" \| "bottom" \| "left" \| "top-start" \| "top-end" \| "right-start" \| "right-end" \| "bottom-start" \| "bottom-end" \| "left-start" \| "left-end" \| "auto-start" \| "auto-end" \| "leading-start" \| "leading" \| "leading-end" \| "trailing-end" \| "trailing" \| "trailing-start"` | `"auto"` | @@ -69,4 +70,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/action-pad/readme.md b/packages/calcite-components/src/components/action-pad/readme.md index 23d07522622..da480c1bd8d 100755 --- a/packages/calcite-components/src/components/action-pad/readme.md +++ b/packages/calcite-components/src/components/action-pad/readme.md @@ -47,7 +47,7 @@ Renders a group of `calcite-action`s contained in a `calcite-action-group`. Acti | Property | Attribute | Description | Type | Default | | ---------------------- | ------------------------- | ----------------------------------------------------------------------- | ----------------------------------------- | ------------ | -| `actionsEndGroupLabel` | `actions-end-group-label` | Specifies the accessible label for the last action-group. | `string` | `undefined` | +| `actionsEndGroupLabel` | `actions-end-group-label` | Specifies the accessible label for the last `calcite-action-group`. | `string` | `undefined` | | `expandDisabled` | `expand-disabled` | When `true`, the expand-toggling behavior is disabled. | `boolean` | `false` | | `expanded` | `expanded` | When `true`, the component is expanded. | `boolean` | `false` | | `layout` | `layout` | Indicates the layout of the component. | `"grid" \| "horizontal" \| "vertical"` | `"vertical"` | @@ -80,9 +80,9 @@ Type: `Promise` ## CSS Custom Properties -| Name | Description | -| ----------------------------------------- | -------------------------------------------------------------------------------------- | -| `--calcite-action-pad-expanded-max-width` | optionally specify the expanded max width of the action pad when in "vertical" layout. | +| Name | Description | +| ----------------------------------------- | --------------------------------------------------------------------------------- | +| `--calcite-action-pad-expanded-max-width` | When `layout` is `"vertical"`, specifies the expanded max width of the component. | ## Dependencies @@ -110,4 +110,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/action/readme.md b/packages/calcite-components/src/components/action/readme.md index 074b0c71773..b8c3cb5f3a2 100755 --- a/packages/calcite-components/src/components/action/readme.md +++ b/packages/calcite-components/src/components/action/readme.md @@ -56,7 +56,7 @@ Renders a `calcite-action` that displays only an icon. | `loading` | `loading` | When `true`, a busy indicator is displayed. | `boolean` | `false` | | `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ loading?: string; indicator?: string; }` | `undefined` | | `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `text` _(required)_ | `text` | Specifies text that accompanies the icon. | `string` | `undefined` | +| `text` *(required)* | `text` | Specifies text that accompanies the icon. | `string` | `undefined` | | `textEnabled` | `text-enabled` | Indicates whether the text is displayed. | `boolean` | `false` | ## Methods @@ -97,6 +97,7 @@ Type: `Promise` - [calcite-panel](../panel) - [calcite-pick-list-item](../pick-list-item) - [calcite-popover](../popover) +- [calcite-stepper](../stepper) - [calcite-tip](../tip) - [calcite-tip-manager](../tip-manager) @@ -122,6 +123,7 @@ graph TD; calcite-panel --> calcite-action calcite-pick-list-item --> calcite-action calcite-popover --> calcite-action + calcite-stepper --> calcite-action calcite-tip --> calcite-action calcite-tip-manager --> calcite-action style calcite-action fill:#f9f,stroke:#333,stroke-width:4px @@ -129,4 +131,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/alert/readme.md b/packages/calcite-components/src/components/alert/readme.md index 79c5b27ed63..7632556e1fe 100644 --- a/packages/calcite-components/src/components/alert/readme.md +++ b/packages/calcite-components/src/components/alert/readme.md @@ -18,19 +18,19 @@ A single instance of an alert. Multiple alerts will aggregate in a queue. ## Properties -| Property | Attribute | Description | Type | Default | -| -------------------- | --------------------- | --------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | -| `autoClose` | `auto-close` | When `true`, the component closes automatically (recommended for passive, non-blocking alerts). | `boolean` | `false` | -| `autoCloseDuration` | `auto-close-duration` | Specifies the duration before the component automatically closes (only use with `autoClose`). | `"fast" \| "medium" \| "slow"` | `"medium"` | -| `icon` | `icon` | When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. | `boolean \| string` | `undefined` | -| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | -| `kind` | `kind` | Specifies the kind of the component (will apply to top border and icon). | `"brand" \| "danger" \| "info" \| "success" \| "warning"` | `"brand"` | -| `label` _(required)_ | `label` | Specifies an accessible name for the component. | `string` | `undefined` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ close?: string; }` | `undefined` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | -| `open` | `open` | When `true`, displays and positions the component. | `boolean` | `false` | -| `placement` | `placement` | Specifies the placement of the component | `"bottom" \| "bottom-end" \| "bottom-start" \| "top" \| "top-end" \| "top-start"` | `"bottom"` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| Property | Attribute | Description | Type | Default | +| -------------------- | --------------------- | --------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- | ----------- | +| `autoClose` | `auto-close` | When `true`, the component closes automatically. Recommended for passive, non-blocking alerts. | `boolean` | `false` | +| `autoCloseDuration` | `auto-close-duration` | Specifies the duration before the component automatically closes - only use with `autoClose`. | `"fast" \| "medium" \| "slow"` | `"medium"` | +| `icon` | `icon` | When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. | `boolean \| string` | `undefined` | +| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | +| `kind` | `kind` | Specifies the kind of the component, which will apply to top border and icon. | `"brand" \| "danger" \| "info" \| "success" \| "warning"` | `"brand"` | +| `label` *(required)* | `label` | Specifies an accessible name for the component. | `string` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ close?: string; }` | `undefined` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "latn"` | `undefined` | +| `open` | `open` | When `true`, displays and positions the component. | `boolean` | `false` | +| `placement` | `placement` | Specifies the placement of the component. | `"bottom" \| "bottom-end" \| "bottom-start" \| "top" \| "top-end" \| "top-start"` | `"bottom"` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | ## Events @@ -45,7 +45,7 @@ A single instance of an alert. Multiple alerts will aggregate in a queue. ### `setFocus() => Promise` -Sets focus on the component's "close" button (the first focusable item). +Sets focus on the component's "close" button, the first focusable item. #### Returns @@ -85,4 +85,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/avatar/readme.md b/packages/calcite-components/src/components/avatar/readme.md index bc74ebadf60..0920fe71270 100644 --- a/packages/calcite-components/src/components/avatar/readme.md +++ b/packages/calcite-components/src/components/avatar/readme.md @@ -69,4 +69,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/block-section/readme.md b/packages/calcite-components/src/components/block-section/readme.md index 3ba41844617..18bb9318a9a 100644 --- a/packages/calcite-components/src/components/block-section/readme.md +++ b/packages/calcite-components/src/components/block-section/readme.md @@ -56,4 +56,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/block/readme.md b/packages/calcite-components/src/components/block/readme.md index f53ad3c933f..796d8db1a8e 100644 --- a/packages/calcite-components/src/components/block/readme.md +++ b/packages/calcite-components/src/components/block/readme.md @@ -72,7 +72,7 @@ Renders a header and icon with the icon. | `description` | `description` | A description for the component, which displays below the heading. | `string` | `undefined` | | `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | | `dragHandle` | `drag-handle` | When `true`, displays a drag handle in the header. | `boolean` | `false` | -| `heading` _(required)_ | `heading` | The component header text. | `string` | `undefined` | +| `heading` *(required)* | `heading` | The component header text. | `string` | `undefined` | | `headingLevel` | `heading-level` | Specifies the number at which section headings should start. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | | `loading` | `loading` | When `true`, a busy indicator is displayed. | `boolean` | `false` | | `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ collapse?: string; expand?: string; loading?: string; options?: string; }` | `undefined` | @@ -146,4 +146,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/button/readme.md b/packages/calcite-components/src/components/button/readme.md index 3f6e5c149e3..4c92b102f59 100644 --- a/packages/calcite-components/src/components/button/readme.md +++ b/packages/calcite-components/src/components/button/readme.md @@ -131,4 +131,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/card/readme.md b/packages/calcite-components/src/components/card/readme.md index f74c6f459ab..c35de4a20e7 100644 --- a/packages/calcite-components/src/components/card/readme.md +++ b/packages/calcite-components/src/components/card/readme.md @@ -22,7 +22,7 @@ | Property | Attribute | Description | Type | Default | | ------------------- | -------------------- | ----------------------------------------------------------------------- | ---------------------------------------------------------------- | --------------- | | `loading` | `loading` | When `true`, a busy indicator is displayed. | `boolean` | `false` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ select?: string; deselect?: string; loading?: string; }` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ select?: string; loading?: string; }` | `undefined` | | `selectable` | `selectable` | When `true`, the component is selectable. | `boolean` | `false` | | `selected` | `selected` | When `true`, the component is selected. | `boolean` | `false` | | `thumbnailPosition` | `thumbnail-position` | Sets the placement of the thumbnail defined in the `thumbnail` slot. | `"block-end" \| "block-start" \| "inline-end" \| "inline-start"` | `"block-start"` | @@ -64,4 +64,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/checkbox/readme.md b/packages/calcite-components/src/components/checkbox/readme.md index 78ba267d225..49d0afa368b 100644 --- a/packages/calcite-components/src/components/checkbox/readme.md +++ b/packages/calcite-components/src/components/checkbox/readme.md @@ -28,16 +28,18 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| --------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------- | -| `checked` | `checked` | When `true`, the component is checked. | `boolean` | `false` | -| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | -| `guid` | `guid` | The `id` attribute of the component. When omitted, a globally unique identifier is used. | `string` | `undefined` | -| `indeterminate` | `indeterminate` | When `true`, the component is initially indeterminate, which is independent from its `checked` value. The state is visual only, and can look different across browsers. | `boolean` | `false` | -| `name` | `name` | Specifies the name of the component on form submission. | `any` | `undefined` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `value` | `value` | The component's value. | `any` | `undefined` | +| Property | Attribute | Description | Type | Default | +| --------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- | +| `checked` | `checked` | When `true`, the component is checked. | `boolean` | `false` | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | +| `guid` | `guid` | The `id` attribute of the component. When omitted, a globally unique identifier is used. | `string` | `undefined` | +| `indeterminate` | `indeterminate` | When `true`, the component is initially indeterminate, which is independent from its `checked` value. The state is visual only, and can look different across browsers. | `boolean` | `false` | +| `label` | `label` | Accessible name for the component. | `string` | `undefined` | +| `name` | `name` | Specifies the name of the component on form submission. | `string` | `undefined` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | +| `value` | `value` | The component's value. | `any` | `undefined` | ## Events @@ -79,4 +81,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/chip-group/readme.md b/packages/calcite-components/src/components/chip-group/readme.md index b316f3695c8..b0bb6e069d6 100644 --- a/packages/calcite-components/src/components/chip-group/readme.md +++ b/packages/calcite-components/src/components/chip-group/readme.md @@ -31,7 +31,7 @@ | Property | Attribute | Description | Type | Default | | -------------------- | ---------------- | ----------------------------------------------------------------------------------------- | ------------------------------------------------------ | ----------- | | `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `label` _(required)_ | `label` | Accessible name for the component. | `string` | `undefined` | +| `label` *(required)* | `label` | Accessible name for the component. | `string` | `undefined` | | `scale` | `scale` | Specifies the size of the component. Child `calcite-chip`s inherit the component's value. | `"l" \| "m" \| "s"` | `"m"` | | `selectedItems` | -- | Specifies the component's selected items. | `HTMLCalciteChipElement[]` | `[]` | | `selectionMode` | `selection-mode` | Specifies the selection mode of the component. | `"multiple" \| "none" \| "single" \| "single-persist"` | `"none"` | @@ -60,4 +60,4 @@ Type: `Promise` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/chip/readme.md b/packages/calcite-components/src/components/chip/readme.md index 5a17395d5e4..389ecd76909 100644 --- a/packages/calcite-components/src/components/chip/readme.md +++ b/packages/calcite-components/src/components/chip/readme.md @@ -25,7 +25,7 @@ | `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ dismissLabel?: string; }` | `undefined` | | `scale` | `scale` | Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value. | `"l" \| "m" \| "s"` | `"m"` | | `selected` | `selected` | When `true`, the component is selected. | `boolean` | `false` | -| `value` _(required)_ | `value` | The component's value. | `any` | `undefined` | +| `value` *(required)* | `value` | The component's value. | `any` | `undefined` | ## Events @@ -78,4 +78,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/color-picker-hex-input/readme.md b/packages/calcite-components/src/components/color-picker-hex-input/readme.md index 7d658527dc8..4abb5bc0547 100644 --- a/packages/calcite-components/src/components/color-picker-hex-input/readme.md +++ b/packages/calcite-components/src/components/color-picker-hex-input/readme.md @@ -4,14 +4,14 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ----------------- | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | -| `allowEmpty` | `allow-empty` | When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component. When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`. | `boolean` | `false` | -| `alphaChannel` | `alpha-channel` | When true, the component will allow updates to the color's alpha value. | `boolean` | `false` | -| `hexLabel` | `hex-label` | **[DEPRECATED]** use `messages` instead

Specifies accessible label for the input field. | `string` | `"Hex"` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `value` | `value` | The hex value. | `string` | `normalizeHex( hexify(DEFAULT_COLOR, this.alphaChannel), this.alphaChannel, true )` | +| Property | Attribute | Description | Type | Default | +| ----------------- | ------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------------------------------------------------- | +| `allowEmpty` | `allow-empty` | When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component. When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`. | `boolean` | `false` | +| `alphaChannel` | `alpha-channel` | When true, the component will allow updates to the color's alpha value. | `boolean` | `false` | +| `hexLabel` | `hex-label` | **[DEPRECATED]** use `messages` instead

Specifies accessible label for the input field. | `string` | `"Hex"` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "latn"` | `undefined` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `value` | `value` | The hex value. | `string` | `normalizeHex( hexify(DEFAULT_COLOR, this.alphaChannel), this.alphaChannel, true, )` | ## Events @@ -48,12 +48,15 @@ graph TD; calcite-color-picker-hex-input --> calcite-input-number calcite-input-text --> calcite-progress calcite-input-text --> calcite-icon + calcite-input-text --> calcite-input-message + calcite-input-message --> calcite-icon calcite-input-number --> calcite-progress calcite-input-number --> calcite-icon + calcite-input-number --> calcite-input-message calcite-color-picker --> calcite-color-picker-hex-input style calcite-color-picker-hex-input fill:#f9f,stroke:#333,stroke-width:4px ``` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/color-picker-swatch/readme.md b/packages/calcite-components/src/components/color-picker-swatch/readme.md index 59dabac656f..96f4a35378f 100644 --- a/packages/calcite-components/src/components/color-picker-swatch/readme.md +++ b/packages/calcite-components/src/components/color-picker-swatch/readme.md @@ -26,4 +26,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/color-picker/readme.md b/packages/calcite-components/src/components/color-picker/readme.md index f5a12f6af1f..dddb10b3507 100644 --- a/packages/calcite-components/src/components/color-picker/readme.md +++ b/packages/calcite-components/src/components/color-picker/readme.md @@ -12,23 +12,23 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------ | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- | -| `allowEmpty` | `allow-empty` | When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. | `boolean` | `false` | -| `alphaChannel` | `alpha-channel` | When true, the component will allow updates to the color's alpha value. | `boolean` | `false` | -| `channelsDisabled` | `channels-disabled` | When true, hides the RGB/HSV channel inputs | `boolean` | `false` | -| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `format` | `format` | The format of `value`. When `"auto"`, the format will be inferred from `value` when set. | `"auto" \| "hex" \| "hexa" \| "hsl" \| "hsl-css" \| "hsla" \| "hsla-css" \| "hsv" \| "hsva" \| "rgb" \| "rgb-css" \| "rgba" \| "rgba-css"` | `"auto"` | -| `hexDisabled` | `hex-disabled` | When true, hides the hex input | `boolean` | `false` | -| `hideChannels` | `hide-channels` | **[DEPRECATED]** use `channelsDisabled` instead

When `true`, hides the RGB/HSV channel inputs. | `boolean` | `false` | -| `hideHex` | `hide-hex` | **[DEPRECATED]** use `hexDisabled` instead

When `true`, hides the hex input. | `boolean` | `false` | -| `hideSaved` | `hide-saved` | **[DEPRECATED]** use `savedDisabled` instead

When `true`, hides the saved colors section. | `boolean` | `false` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ b?: string; blue?: string; deleteColor?: string; g?: string; green?: string; h?: string; hsv?: string; hex?: string; hue?: string; noColor?: string; opacity?: string; r?: string; red?: string; rgb?: string; s?: string; saturation?: string; saveColor?: string; saved?: string; v?: string; value?: string; }` | `undefined` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | -| `savedDisabled` | `saved-disabled` | When true, hides the saved colors section | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `storageId` | `storage-id` | Specifies the storage ID for colors. | `string` | `undefined` | -| `value` | `value` | The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object. The type will be preserved as the color is updated. | `HSL \| HSL & ObjectWithAlpha \| HSV \| HSV & ObjectWithAlpha \| RGB \| RGB & ObjectWithAlpha \| string` | `normalizeHex( hexify(DEFAULT_COLOR, this.alphaChannel) )` | +| Property | Attribute | Description | Type | Default | +| ------------------ | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | +| `allowEmpty` | `allow-empty` | When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. | `boolean` | `false` | +| `alphaChannel` | `alpha-channel` | When true, the component will allow updates to the color's alpha value. | `boolean` | `false` | +| `channelsDisabled` | `channels-disabled` | When true, hides the RGB/HSV channel inputs | `boolean` | `false` | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `format` | `format` | The format of `value`. When `"auto"`, the format will be inferred from `value` when set. | `"auto" \| "hex" \| "hexa" \| "hsl" \| "hsl-css" \| "hsla" \| "hsla-css" \| "hsv" \| "hsva" \| "rgb" \| "rgb-css" \| "rgba" \| "rgba-css"` | `"auto"` | +| `hexDisabled` | `hex-disabled` | When true, hides the hex input | `boolean` | `false` | +| `hideChannels` | `hide-channels` | **[DEPRECATED]** use `channelsDisabled` instead

When `true`, hides the RGB/HSV channel inputs. | `boolean` | `false` | +| `hideHex` | `hide-hex` | **[DEPRECATED]** use `hexDisabled` instead

When `true`, hides the hex input. | `boolean` | `false` | +| `hideSaved` | `hide-saved` | **[DEPRECATED]** use `savedDisabled` instead

When `true`, hides the saved colors section. | `boolean` | `false` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ b?: string; blue?: string; deleteColor?: string; g?: string; green?: string; h?: string; hsv?: string; hex?: string; hue?: string; noColor?: string; opacity?: string; r?: string; red?: string; rgb?: string; s?: string; saturation?: string; saveColor?: string; saved?: string; v?: string; value?: string; }` | `undefined` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "latn"` | `undefined` | +| `savedDisabled` | `saved-disabled` | When true, hides the saved colors section | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `storageId` | `storage-id` | Specifies the storage ID for colors. | `string` | `undefined` | +| `value` | `value` | The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object. The type will be preserved as the color is updated. | `HSL \| HSL & ObjectWithAlpha \| HSV \| HSV & ObjectWithAlpha \| RGB \| RGB & ObjectWithAlpha \| string` | `normalizeHex( hexify(DEFAULT_COLOR, this.alphaChannel), )` | ## Events @@ -75,10 +75,13 @@ graph TD; calcite-tab-title --> calcite-icon calcite-input-number --> calcite-progress calcite-input-number --> calcite-icon + calcite-input-number --> calcite-input-message + calcite-input-message --> calcite-icon calcite-color-picker-hex-input --> calcite-input-text calcite-color-picker-hex-input --> calcite-input-number calcite-input-text --> calcite-progress calcite-input-text --> calcite-icon + calcite-input-text --> calcite-input-message calcite-button --> calcite-loader calcite-button --> calcite-icon style calcite-color-picker fill:#f9f,stroke:#333,stroke-width:4px @@ -86,4 +89,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/combobox-item-group/readme.md b/packages/calcite-components/src/components/combobox-item-group/readme.md index 1d74717a335..2e17a8e8315 100644 --- a/packages/calcite-components/src/components/combobox-item-group/readme.md +++ b/packages/calcite-components/src/components/combobox-item-group/readme.md @@ -7,7 +7,7 @@ | Property | Attribute | Description | Type | Default | | -------------------- | --------- | --------------------------------------------------------------------------------------------------- | ------------------------ | ----------- | | `ancestors` | -- | Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`. | `ComboboxChildElement[]` | `undefined` | -| `label` _(required)_ | `label` | Specifies the title of the component. | `string` | `undefined` | +| `label` *(required)* | `label` | Specifies the title of the component. | `string` | `undefined` | ## Slots @@ -17,4 +17,4 @@ --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/combobox-item/readme.md b/packages/calcite-components/src/components/combobox-item/readme.md index 36d05a2006e..3f570972ce7 100644 --- a/packages/calcite-components/src/components/combobox-item/readme.md +++ b/packages/calcite-components/src/components/combobox-item/readme.md @@ -14,8 +14,8 @@ | `icon` | `icon` | Specifies an icon to display. | `string` | `undefined` | | `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | | `selected` | `selected` | When `true`, the component is selected. | `boolean` | `false` | -| `textLabel` _(required)_ | `text-label` | The component's text. | `string` | `undefined` | -| `value` _(required)_ | `value` | The component's value. | `any` | `undefined` | +| `textLabel` *(required)* | `text-label` | The component's text. | `string` | `undefined` | +| `value` *(required)* | `value` | The component's value. | `any` | `undefined` | ## Events @@ -50,4 +50,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/combobox/readme.md b/packages/calcite-components/src/components/combobox/readme.md index feb20053e60..7e0231e0c55 100644 --- a/packages/calcite-components/src/components/combobox/readme.md +++ b/packages/calcite-components/src/components/combobox/readme.md @@ -72,27 +72,31 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------------ | --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------- | ------------ | -| `allowCustomValues` | `allow-custom-values` | When `true`, allows entry of custom values, which are not in the original set of items. | `boolean` | `undefined` | -| `clearDisabled` | `clear-disabled` | When `true`, the value-clearing will be disabled. | `boolean` | `false` | -| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `filteredItems` | -- | Specifies the component's filtered items. | `HTMLCalciteComboboxItemElement[]` | `[]` | -| `flipPlacements` | -- | Defines the available placements that can be used when a flip occurs. | `Placement[]` | `undefined` | -| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | -| `label` _(required)_ | `label` | Accessible name for the component. | `string` | `undefined` | -| `maxItems` | `max-items` | Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar. | `number` | `0` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ clear?: string; removeTag?: string; }` | `undefined` | -| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | -| `open` | `open` | When `true`, displays and positions the component. | `boolean` | `false` | -| `overlayPositioning` | `overlay-positioning` | Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. | `"absolute" \| "fixed"` | `"absolute"` | -| `placeholder` | `placeholder` | Specifies the placeholder text for the input. | `string` | `undefined` | -| `placeholderIcon` | `placeholder-icon` | Specifies the placeholder icon for the input. | `string` | `undefined` | -| `placeholderIconFlipRtl` | `placeholder-icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `selectedItems` | -- | Specifies the component's selected items. | `HTMLCalciteComboboxItemElement[]` | `[]` | -| `selectionMode` | `selection-mode` | Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips. | `"ancestors" \| "multiple" \| "single" \| "single-persist"` | `"multiple"` | -| `value` | `value` | The component's value(s) from the selected `calcite-combobox-item`(s). | `string \| string[]` | `null` | +| Property | Attribute | Description | Type | Default | +| ------------------------ | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ------------ | +| `allowCustomValues` | `allow-custom-values` | When `true`, allows entry of custom values, which are not in the original set of items. | `boolean` | `undefined` | +| `clearDisabled` | `clear-disabled` | When `true`, the value-clearing will be disabled. | `boolean` | `false` | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `filteredItems` | -- | Specifies the component's filtered items. | `HTMLCalciteComboboxItemElement[]` | `[]` | +| `flipPlacements` | -- | Defines the available placements that can be used when a flip occurs. | `Placement[]` | `undefined` | +| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | +| `label` *(required)* | `label` | Accessible name for the component. | `string` | `undefined` | +| `maxItems` | `max-items` | Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar. | `number` | `0` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ all?: string; allSelected?: string; clear?: string; removeTag?: string; selected?: string; }` | `undefined` | +| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | +| `open` | `open` | When `true`, displays and positions the component. | `boolean` | `false` | +| `overlayPositioning` | `overlay-positioning` | Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. | `"absolute" \| "fixed"` | `"absolute"` | +| `placeholder` | `placeholder` | Specifies the placeholder text for the input. | `string` | `undefined` | +| `placeholderIcon` | `placeholder-icon` | Specifies the placeholder icon for the input. | `string` | `undefined` | +| `placeholderIconFlipRtl` | `placeholder-icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `selectedItems` | -- | Specifies the component's selected items. | `HTMLCalciteComboboxItemElement[]` | `[]` | +| `selectionDisplay` | `selection-display` | When `selectionMode` is `"ancestors"` or `"multiple"`, specifies the display of multiple `calcite-combobox-item` selections - `"all"` (displays all selections with individual `calcite-chip`s), `"fit"` (displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed), or `"single"` (display one `calcite-chip` with the total number of selections). | `"all" \| "fit" \| "single"` | `"all"` | +| `selectionMode` | `selection-mode` | Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips. | `"ancestors" \| "multiple" \| "single" \| "single-persist"` | `"multiple"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | +| `validationIcon` | `validation-icon` | Specifies the validation icon to display under the component. | `boolean \| string` | `undefined` | +| `validationMessage` | `validation-message` | Specifies the validation message to display under the component. | `string` | `undefined` | +| `value` | `value` | The component's value(s) from the selected `calcite-combobox-item`(s). | `string \| string[]` | `null` | ## Events @@ -112,10 +116,18 @@ Updates the position of the component. +#### Parameters + +| Name | Type | Description | +| --------- | --------- | -------------------------------------- | +| `delayed` | `boolean` | Reposition the component after a delay | + #### Returns Type: `Promise` +Promise + ### `setFocus() => Promise` Sets focus on the component. @@ -146,6 +158,7 @@ Type: `Promise` - [calcite-chip](../chip) - [calcite-icon](../icon) +- [calcite-input-message](../input-message) ### Graph @@ -153,11 +166,13 @@ Type: `Promise` graph TD; calcite-combobox --> calcite-chip calcite-combobox --> calcite-icon + calcite-combobox --> calcite-input-message calcite-chip --> calcite-icon + calcite-input-message --> calcite-icon calcite-input-time-zone --> calcite-combobox style calcite-combobox fill:#f9f,stroke:#333,stroke-width:4px ``` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/date-picker-day/readme.md b/packages/calcite-components/src/components/date-picker-day/readme.md index e70d3cdf398..2b9c41eee8b 100644 --- a/packages/calcite-components/src/components/date-picker-day/readme.md +++ b/packages/calcite-components/src/components/date-picker-day/readme.md @@ -8,7 +8,7 @@ | ------------------ | ---------------- | ---------------------------------------------------------------------------------------- | ------------------- | ----------- | | `active` | `active` | When `true`, the component is active. | `boolean` | `false` | | `currentMonth` | `current-month` | Date is in the current month. | `boolean` | `false` | -| `day` _(required)_ | `day` | Day of the month to be shown. | `number` | `undefined` | +| `day` *(required)* | `day` | Day of the month to be shown. | `number` | `undefined` | | `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | | `endOfRange` | `end-of-range` | Date is the end of date range | `boolean` | `false` | | `highlighted` | `highlighted` | Date is currently highlighted as part of the range | `boolean` | `false` | @@ -41,4 +41,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/date-picker-month-header/readme.md b/packages/calcite-components/src/components/date-picker-month-header/readme.md index 5d3bd3b75d9..1a97b62546f 100644 --- a/packages/calcite-components/src/components/date-picker-month-header/readme.md +++ b/packages/calcite-components/src/components/date-picker-month-header/readme.md @@ -35,4 +35,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/date-picker-month/readme.md b/packages/calcite-components/src/components/date-picker-month/readme.md index ced7eedb08f..6847f0a6ea1 100644 --- a/packages/calcite-components/src/components/date-picker-month/readme.md +++ b/packages/calcite-components/src/components/date-picker-month/readme.md @@ -36,4 +36,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/date-picker/readme.md b/packages/calcite-components/src/components/date-picker/readme.md index 26c913e073e..4eafa4c5b40 100644 --- a/packages/calcite-components/src/components/date-picker/readme.md +++ b/packages/calcite-components/src/components/date-picker/readme.md @@ -28,22 +28,22 @@ document.querySelector("calcite-date-picker").value = ["2020-01-03", "2020-01-05 ## Properties -| Property | Attribute | Description | Type | Default | -| ---------------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | -| `activeDate` | -- | Specifies the component's active date. | `Date` | `undefined` | -| `activeRange` | `active-range` | When `range` is true, specifies the active `range`. Where `"start"` specifies the starting range date and `"end"` the ending range date. | `"end" \| "start"` | `undefined` | -| `headingLevel` | `heading-level` | Specifies the number at which section headings should start. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | -| `max` | `max` | Specifies the latest allowed date (`"yyyy-mm-dd"`). | `string` | `undefined` | -| `maxAsDate` | -- | Specifies the latest allowed date as a full date object (`new Date("yyyy-mm-dd")`). | `Date` | `undefined` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ nextMonth?: string; prevMonth?: string; year?: string; }` | `undefined` | -| `min` | `min` | Specifies the earliest allowed date (`"yyyy-mm-dd"`). | `string` | `undefined` | -| `minAsDate` | -- | Specifies the earliest allowed date as a full date object (`new Date("yyyy-mm-dd")`). | `Date` | `undefined` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | -| `proximitySelectionDisabled` | `proximity-selection-disabled` | When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range. | `boolean` | `false` | -| `range` | `range` | When `true`, activates the component's range mode to allow a start and end date. | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `value` | `value` | Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`). | `string \| string[]` | `undefined` | -| `valueAsDate` | -- | Specifies the selected date as a full date object (`new Date("yyyy-mm-dd")`), or an array containing full date objects (`[new Date("yyyy-mm-dd"), new Date("yyyy-mm-dd")]`). | `Date \| Date[]` | `undefined` | +| Property | Attribute | Description | Type | Default | +| ---------------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | ----------- | +| `activeDate` | -- | Specifies the component's active date. | `Date` | `undefined` | +| `activeRange` | `active-range` | When `range` is true, specifies the active `range`. Where `"start"` specifies the starting range date and `"end"` the ending range date. | `"end" \| "start"` | `undefined` | +| `headingLevel` | `heading-level` | Specifies the number at which section headings should start. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | +| `max` | `max` | Specifies the latest allowed date (`"yyyy-mm-dd"`). | `string` | `undefined` | +| `maxAsDate` | -- | Specifies the latest allowed date as a full date object (`new Date("yyyy-mm-dd")`). | `Date` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ nextMonth?: string; prevMonth?: string; year?: string; }` | `undefined` | +| `min` | `min` | Specifies the earliest allowed date (`"yyyy-mm-dd"`). | `string` | `undefined` | +| `minAsDate` | -- | Specifies the earliest allowed date as a full date object (`new Date("yyyy-mm-dd")`). | `Date` | `undefined` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed. | `"arab" \| "arabext" \| "latn"` | `undefined` | +| `proximitySelectionDisabled` | `proximity-selection-disabled` | When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range. | `boolean` | `false` | +| `range` | `range` | When `true`, activates the component's range mode to allow a start and end date. | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `value` | `value` | Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`). | `string \| string[]` | `undefined` | +| `valueAsDate` | -- | Specifies the selected date as a full date object (`new Date("yyyy-mm-dd")`), or an array containing full date objects (`[new Date("yyyy-mm-dd"), new Date("yyyy-mm-dd")]`). | `Date \| Date[]` | `undefined` | ## Events @@ -87,4 +87,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/dropdown-group/readme.md b/packages/calcite-components/src/components/dropdown-group/readme.md index 895d50cd9d2..a94add137b2 100644 --- a/packages/calcite-components/src/components/dropdown-group/readme.md +++ b/packages/calcite-components/src/components/dropdown-group/readme.md @@ -17,4 +17,4 @@ --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/dropdown-item/readme.md b/packages/calcite-components/src/components/dropdown-item/readme.md index 7de7ecfbce4..e4c4fbece16 100644 --- a/packages/calcite-components/src/components/dropdown-item/readme.md +++ b/packages/calcite-components/src/components/dropdown-item/readme.md @@ -6,6 +6,7 @@ | Property | Attribute | Description | Type | Default | | ------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | ----------- | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | | `href` | `href` | Specifies the URL of the linked resource, which can be set as an absolute or relative path. Determines if the component will render as an anchor. | `string` | `undefined` | | `iconEnd` | `icon-end` | Specifies an icon to display at the end of the component. | `string` | `undefined` | | `iconFlipRtl` | `icon-flip-rtl` | Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). | `"both" \| "end" \| "start"` | `undefined` | @@ -53,4 +54,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/dropdown/readme.md b/packages/calcite-components/src/components/dropdown/readme.md index ce18fec25e2..a05fe127309 100644 --- a/packages/calcite-components/src/components/dropdown/readme.md +++ b/packages/calcite-components/src/components/dropdown/readme.md @@ -74,7 +74,7 @@ You can combine groups in a single Dropdown, with different `selectionMode`s: | `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | | `selectedItems` | -- | Specifies the component's selected items. | `HTMLCalciteDropdownItemElement[]` | `[]` | | `type` | `type` | Specifies the action to open the component from the container element. | `"click" \| "hover"` | `"click"` | -| `width` | `width` | Specifies the width of the component. | `"l" \| "m" \| "s"` | `undefined` | +| `widthScale` | `width-scale` | Specifies the width of the component. | `"l" \| "m" \| "s"` | `undefined` | ## Events @@ -92,6 +92,12 @@ You can combine groups in a single Dropdown, with different `selectionMode`s: Updates the position of the component. +#### Parameters + +| Name | Type | Description | +| --------- | --------- | ----------- | +| `delayed` | `boolean` | | + #### Returns Type: `Promise` @@ -133,4 +139,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/fab/readme.md b/packages/calcite-components/src/components/fab/readme.md index d6f0374dd82..99796cbe412 100644 --- a/packages/calcite-components/src/components/fab/readme.md +++ b/packages/calcite-components/src/components/fab/readme.md @@ -79,4 +79,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/filter/readme.md b/packages/calcite-components/src/components/filter/readme.md index b8de1c0fb86..0c70905e6fe 100644 --- a/packages/calcite-components/src/components/filter/readme.md +++ b/packages/calcite-components/src/components/filter/readme.md @@ -28,6 +28,12 @@ Performs a filter on the component. This method can be useful because filtering is delayed and asynchronous. +#### Parameters + +| Name | Type | Description | +| ------- | -------- | ------------------------ | +| `value` | `string` | - The filter text value. | + #### Returns Type: `Promise` @@ -59,6 +65,8 @@ graph TD; calcite-filter --> calcite-input calcite-input --> calcite-progress calcite-input --> calcite-icon + calcite-input --> calcite-input-message + calcite-input-message --> calcite-icon calcite-list --> calcite-filter calcite-pick-list --> calcite-filter calcite-value-list --> calcite-filter @@ -67,4 +75,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/flow-item/readme.md b/packages/calcite-components/src/components/flow-item/readme.md index 3d2b08bec13..761c61a0fd0 100644 --- a/packages/calcite-components/src/components/flow-item/readme.md +++ b/packages/calcite-components/src/components/flow-item/readme.md @@ -9,6 +9,8 @@ | `beforeBack` | -- | When provided, the method will be called before it is removed from its parent `calcite-flow`. | `() => Promise` | `undefined` | | `closable` | `closable` | When `true`, displays a close button in the trailing side of the component's header. | `boolean` | `false` | | `closed` | `closed` | When `true`, the component will be hidden. | `boolean` | `false` | +| `collapsed` | `collapsed` | When `true`, hides the component's content area. | `boolean` | `false` | +| `collapsible` | `collapsible` | When `true`, the component is collapsible. | `boolean` | `false` | | `description` | `description` | A description for the component. | `string` | `undefined` | | `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | | `heading` | `heading` | The component header text. | `string` | `undefined` | @@ -19,11 +21,12 @@ ## Events -| Event | Description | Type | -| ----------------------- | --------------------------------------- | ------------------- | -| `calciteFlowItemBack` | Fires when the back button is clicked. | `CustomEvent` | -| `calciteFlowItemClose` | Fires when the close button is clicked. | `CustomEvent` | -| `calciteFlowItemScroll` | Fires when the content is scrolled. | `CustomEvent` | +| Event | Description | Type | +| ----------------------- | ------------------------------------------ | ------------------- | +| `calciteFlowItemBack` | Fires when the back button is clicked. | `CustomEvent` | +| `calciteFlowItemClose` | Fires when the close button is clicked. | `CustomEvent` | +| `calciteFlowItemScroll` | Fires when the content is scrolled. | `CustomEvent` | +| `calciteFlowItemToggle` | Fires when the collapse button is clicked. | `CustomEvent` | ## Methods @@ -31,10 +34,18 @@ Scrolls the component's content to a specified set of coordinates. +#### Parameters + +| Name | Type | Description | +| --------- | ----------------- | -------------------------------------------- | +| `options` | `ScrollToOptions` | - allows specific coordinates to be defined. | + #### Returns Type: `Promise` +- promise that resolves once the content is scrolled to. + ### `setFocus() => Promise` Sets focus on the component. @@ -43,6 +54,8 @@ Sets focus on the component. Type: `Promise` +promise. + ## Slots | Slot | Description | @@ -59,9 +72,10 @@ Type: `Promise` ## CSS Custom Properties -| Name | Description | -| ------------------------------------ | ------------------------------------------------ | -| `--calcite-flow-item-footer-padding` | Specifies the padding of the component's footer. | +| Name | Description | +| --------------------------------------------- | -------------------------------------------------- | +| `--calcite-flow-item-footer-padding` | Specifies the padding of the component's footer. | +| `--calcite-flow-item-header-border-block-end` | Specifies the component header's block end border. | ## Dependencies @@ -91,4 +105,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/flow/readme.md b/packages/calcite-components/src/components/flow/readme.md index 605b4801658..6660c2b537e 100644 --- a/packages/calcite-components/src/components/flow/readme.md +++ b/packages/calcite-components/src/components/flow/readme.md @@ -122,4 +122,4 @@ Type: `Promise` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/graph/readme.md b/packages/calcite-components/src/components/graph/readme.md index 672ddcb3acd..e189082e3a4 100644 --- a/packages/calcite-components/src/components/graph/readme.md +++ b/packages/calcite-components/src/components/graph/readme.md @@ -12,8 +12,8 @@ The graph component is used to show small, lightweight graphs in places where a | `data` | -- | Array of tuples describing a single data point ([x, y]) These data points should be sorted by x-axis value | `Point[]` | `[]` | | `highlightMax` | `highlight-max` | End of highlight color if highlighting range | `number` | `undefined` | | `highlightMin` | `highlight-min` | Start of highlight color if highlighting range | `number` | `undefined` | -| `max` _(required)_ | `max` | Highest point of the range | `number` | `undefined` | -| `min` _(required)_ | `min` | Lowest point of the range | `number` | `undefined` | +| `max` *(required)* | `max` | Highest point of the range | `number` | `undefined` | +| `min` *(required)* | `min` | Lowest point of the range | `number` | `undefined` | ## Dependencies @@ -31,4 +31,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/handle/readme.md b/packages/calcite-components/src/components/handle/readme.md index b51d9d8149b..3a60a7b9027 100644 --- a/packages/calcite-components/src/components/handle/readme.md +++ b/packages/calcite-components/src/components/handle/readme.md @@ -4,17 +4,19 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------ | ------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ----------- | -| `dragHandle` | `drag-handle` | Value for the button title attribute | `string` | `undefined` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ dragHandle?: string; dragHandleActive?: string; dragHandleChange?: string; dragHandleCommit?: string; dragHandleIdle?: string; }` | `undefined` | +| Property | Attribute | Description | Type | Default | +| ------------------ | ------------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ----------- | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `dragHandle` | `drag-handle` | Value for the button title attribute | `string` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ dragHandle?: string; dragHandleActive?: string; dragHandleChange?: string; dragHandleCommit?: string; dragHandleIdle?: string; }` | `undefined` | +| `selected` | `selected` | When `true`, the component is selected. | `boolean` | `false` | ## Events -| Event | Description | Type | -| ----------------------------- | ----------------------------------------------------------------------------- | --------------------------- | -| `calciteHandleNudge` | Emitted when the handle is activated and the up or down arrow key is pressed. | `CustomEvent` | -| `calciteInternalHandleChange` | Emitted when the handle is activated or deactivated. | `CustomEvent` | +| Event | Description | Type | +| --------------------- | ---------------------------------------------------------------------------- | -------------------------- | +| `calciteHandleChange` | Emits whenever the component is selected or unselected. | `CustomEvent` | +| `calciteHandleNudge` | Emitted when the handle is selected and the up or down arrow key is pressed. | `CustomEvent` | ## Methods @@ -49,4 +51,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/icon/readme.md b/packages/calcite-components/src/components/icon/readme.md index fda0908d166..95ea7e79a2f 100644 --- a/packages/calcite-components/src/components/icon/readme.md +++ b/packages/calcite-components/src/components/icon/readme.md @@ -60,6 +60,7 @@ To use a custom color for the icon fill, you can supply your desired color to th - [calcite-list-item](../list-item) - [calcite-menu-item](../menu-item) - [calcite-modal](../modal) +- [calcite-navigation-logo](../navigation-logo) - [calcite-notice](../notice) - [calcite-pagination](../pagination) - [calcite-pick-list-item](../pick-list-item) @@ -72,6 +73,7 @@ To use a custom color for the icon fill, you can supply your desired color to th - [calcite-table-header](../table-header) - [calcite-table-row](../table-row) - [calcite-tile](../tile) +- [calcite-tile-select](../tile-select) - [calcite-time-picker](../time-picker) - [calcite-tip-manager](../tip-manager) - [calcite-tree-item](../tree-item) @@ -104,6 +106,7 @@ graph TD; calcite-list-item --> calcite-icon calcite-menu-item --> calcite-icon calcite-modal --> calcite-icon + calcite-navigation-logo --> calcite-icon calcite-notice --> calcite-icon calcite-pagination --> calcite-icon calcite-pick-list-item --> calcite-icon @@ -116,6 +119,7 @@ graph TD; calcite-table-header --> calcite-icon calcite-table-row --> calcite-icon calcite-tile --> calcite-icon + calcite-tile-select --> calcite-icon calcite-time-picker --> calcite-icon calcite-tip-manager --> calcite-icon calcite-tree-item --> calcite-icon @@ -125,4 +129,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/inline-editable/readme.md b/packages/calcite-components/src/components/inline-editable/readme.md index dbe5e7042b4..822686d2d9e 100644 --- a/packages/calcite-components/src/components/inline-editable/readme.md +++ b/packages/calcite-components/src/components/inline-editable/readme.md @@ -88,4 +88,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/input-date-picker/readme.md b/packages/calcite-components/src/components/input-date-picker/readme.md index 49c05c524f9..14690150f9e 100644 --- a/packages/calcite-components/src/components/input-date-picker/readme.md +++ b/packages/calcite-components/src/components/input-date-picker/readme.md @@ -29,30 +29,33 @@ document.querySelector("calcite-input-date-picker").value = ["2023-10-01", "2023 ## Properties -| Property | Attribute | Description | Type | Default | -| ---------------------------- | ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | -| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `flipPlacements` | -- | Defines the available placements that can be used when a flip occurs. | `Placement[]` | `undefined` | -| `focusTrapDisabled` | `focus-trap-disabled` | When `true`, prevents focus trapping. | `boolean` | `false` | -| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | -| `headingLevel` | `heading-level` | Specifies the number at which section headings should start. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | -| `layout` | `layout` | Defines the layout of the component. | `"horizontal" \| "vertical"` | `"horizontal"` | -| `max` | `max` | Specifies the latest allowed date ("yyyy-mm-dd"). | `string` | `undefined` | -| `maxAsDate` | -- | Specifies the latest allowed date as a full date object. | `Date` | `undefined` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ chooseDate?: string; dateFormat?: string; nextMonth?: string; prevMonth?: string; year?: string; }` | `undefined` | -| `min` | `min` | Specifies the earliest allowed date ("yyyy-mm-dd"). | `string` | `undefined` | -| `minAsDate` | -- | Specifies the earliest allowed date as a full date object. | `Date` | `undefined` | -| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | -| `open` | `open` | When `true`, displays the `calcite-date-picker` component. | `boolean` | `false` | -| `overlayPositioning` | `overlay-positioning` | Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. | `"absolute" \| "fixed"` | `"absolute"` | -| `placement` | `placement` | Specifies the placement of the `calcite-date-picker` relative to the component. | `"bottom" \| "bottom-end" \| "bottom-start" \| "top" \| "top-end" \| "top-start"` | `defaultMenuPlacement` | -| `proximitySelectionDisabled` | `proximity-selection-disabled` | When `true`, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range. | `boolean` | `false` | -| `range` | `range` | When `true`, activates a range for the component. | `boolean` | `false` | -| `readOnly` | `read-only` | When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified. | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `value` | `value` | Selected date as a string in ISO format (YYYY-MM-DD) | `string \| string[]` | `""` | -| `valueAsDate` | -- | The component's value as a full date object. | `Date \| Date[]` | `undefined` | +| Property | Attribute | Description | Type | Default | +| ---------------------------- | ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ---------------------- | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `flipPlacements` | -- | Defines the available placements that can be used when a flip occurs. | `Placement[]` | `undefined` | +| `focusTrapDisabled` | `focus-trap-disabled` | When `true`, prevents focus trapping. | `boolean` | `false` | +| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | +| `headingLevel` | `heading-level` | Specifies the number at which section headings should start. | `1 \| 2 \| 3 \| 4 \| 5 \| 6` | `undefined` | +| `layout` | `layout` | Defines the layout of the component. | `"horizontal" \| "vertical"` | `"horizontal"` | +| `max` | `max` | Specifies the latest allowed date ("yyyy-mm-dd"). | `string` | `undefined` | +| `maxAsDate` | -- | Specifies the latest allowed date as a full date object. | `Date` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ chooseDate?: string; dateFormat?: string; nextMonth?: string; prevMonth?: string; year?: string; }` | `undefined` | +| `min` | `min` | Specifies the earliest allowed date ("yyyy-mm-dd"). | `string` | `undefined` | +| `minAsDate` | -- | Specifies the earliest allowed date as a full date object. | `Date` | `undefined` | +| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed. | `"arab" \| "arabext" \| "latn"` | `undefined` | +| `open` | `open` | When `true`, displays the `calcite-date-picker` component. | `boolean` | `false` | +| `overlayPositioning` | `overlay-positioning` | Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. | `"absolute" \| "fixed"` | `"absolute"` | +| `placement` | `placement` | Specifies the placement of the `calcite-date-picker` relative to the component. | `"bottom" \| "bottom-end" \| "bottom-start" \| "top" \| "top-end" \| "top-start"` | `defaultMenuPlacement` | +| `proximitySelectionDisabled` | `proximity-selection-disabled` | When `true`, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range. | `boolean` | `false` | +| `range` | `range` | When `true`, activates a range for the component. | `boolean` | `false` | +| `readOnly` | `read-only` | When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified. | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | +| `validationIcon` | `validation-icon` | Specifies the validation icon to display under the component. | `boolean \| string` | `undefined` | +| `validationMessage` | `validation-message` | Specifies the validation message to display under the component. | `string` | `undefined` | +| `value` | `value` | Selected date as a string in ISO format (YYYY-MM-DD) | `string \| string[]` | `""` | +| `valueAsDate` | -- | The component's value as a full date object. | `Date \| Date[]` | `undefined` | ## Events @@ -70,6 +73,12 @@ document.querySelector("calcite-input-date-picker").value = ["2023-10-01", "2023 Updates the position of the component. +#### Parameters + +| Name | Type | Description | +| --------- | --------- | ----------- | +| `delayed` | `boolean` | | + #### Returns Type: `Promise` @@ -86,19 +95,23 @@ Type: `Promise` ### Depends on -- [calcite-input](../input) +- [calcite-input-text](../input-text) - [calcite-date-picker](../date-picker) - [calcite-icon](../icon) +- [calcite-input-message](../input-message) ### Graph ```mermaid graph TD; - calcite-input-date-picker --> calcite-input + calcite-input-date-picker --> calcite-input-text calcite-input-date-picker --> calcite-date-picker calcite-input-date-picker --> calcite-icon - calcite-input --> calcite-progress - calcite-input --> calcite-icon + calcite-input-date-picker --> calcite-input-message + calcite-input-text --> calcite-progress + calcite-input-text --> calcite-icon + calcite-input-text --> calcite-input-message + calcite-input-message --> calcite-icon calcite-date-picker --> calcite-date-picker-month-header calcite-date-picker --> calcite-date-picker-month calcite-date-picker-month-header --> calcite-icon @@ -108,4 +121,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/input-message/readme.md b/packages/calcite-components/src/components/input-message/readme.md index 6e0ae0de028..e403d28b4af 100644 --- a/packages/calcite-components/src/components/input-message/readme.md +++ b/packages/calcite-components/src/components/input-message/readme.md @@ -42,6 +42,17 @@ Displays a contextual message to a user. Allows the passing of content, links, e ## Dependencies +### Used by + +- [calcite-combobox](../combobox) +- [calcite-input](../input) +- [calcite-input-date-picker](../input-date-picker) +- [calcite-input-number](../input-number) +- [calcite-input-text](../input-text) +- [calcite-input-time-picker](../input-time-picker) +- [calcite-select](../select) +- [calcite-text-area](../text-area) + ### Depends on - [calcite-icon](../icon) @@ -51,9 +62,17 @@ Displays a contextual message to a user. Allows the passing of content, links, e ```mermaid graph TD; calcite-input-message --> calcite-icon + calcite-combobox --> calcite-input-message + calcite-input --> calcite-input-message + calcite-input-date-picker --> calcite-input-message + calcite-input-number --> calcite-input-message + calcite-input-text --> calcite-input-message + calcite-input-time-picker --> calcite-input-message + calcite-select --> calcite-input-message + calcite-text-area --> calcite-input-message style calcite-input-message fill:#f9f,stroke:#333,stroke-width:4px ``` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/input-number/readme.md b/packages/calcite-components/src/components/input-number/readme.md index 94050497103..7f63201b79e 100644 --- a/packages/calcite-components/src/components/input-number/readme.md +++ b/packages/calcite-components/src/components/input-number/readme.md @@ -23,40 +23,42 @@ Restrict the component to integer numbers only with `integer`, which will disabl ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------ | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | -| `alignment` | `alignment` | Specifies the text alignment of the component's value. | `"end" \| "start"` | `"start"` | -| `autocomplete` | `autocomplete` | Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `autofocus` | `autofocus` | When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. | `boolean` | `false` | -| `clearable` | `clearable` | When `true`, a clear button is displayed when the component has a value. | `boolean` | `false` | -| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `enterKeyHint` | `enter-key-hint` | Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | -| `groupSeparator` | `group-separator` | When `true`, number values are displayed with a group separator corresponding to the language and country format. | `boolean` | `false` | -| `hidden` | `hidden` | When `true`, the component will not be visible. | `boolean` | `false` | -| `icon` | `icon` | Specifies an icon to display. | `boolean \| string` | `undefined` | -| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | -| `inputMode` | `input-mode` | Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info. | `string` | `"decimal"` | -| `integer` | `integer` | When `true`, restricts the component to integer numbers only and disables exponential notation. | `boolean` | `false` | -| `label` | `label` | Accessible name for the component's button or hyperlink. | `string` | `undefined` | -| `loading` | `loading` | When `true`, the component is in the loading state and `calcite-progress` is displayed. | `boolean` | `false` | -| `max` | `max` | Specifies the maximum value. | `number` | `undefined` | -| `maxLength` | `max-length` | Specifies the maximum length of text for the component's value. | `number` | `undefined` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ clear?: string; loading?: string; }` | `undefined` | -| `min` | `min` | Specifies the minimum value. | `number` | `undefined` | -| `minLength` | `min-length` | Specifies the minimum length of text for the component's value. | `number` | `undefined` | -| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | -| `numberButtonType` | `number-button-type` | Specifies the placement of the buttons. | `"horizontal" \| "none" \| "vertical"` | `"vertical"` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | -| `placeholder` | `placeholder` | Specifies placeholder text for the component. | `string` | `undefined` | -| `prefixText` | `prefix-text` | Adds text to the start of the component. | `string` | `undefined` | -| `readOnly` | `read-only` | When `true`, the component's value can be read, but cannot be modified. | `boolean` | `false` | -| `required` | `required` | When `true`, the component must have a value in order for the form to submit. | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | -| `step` | `step` | Specifies the granularity that the component's value must adhere to. | `"any" \| number` | `undefined` | -| `suffixText` | `suffix-text` | Adds text to the end of the component. | `string` | `undefined` | -| `value` | `value` | The component's value. | `string` | `""` | +| Property | Attribute | Description | Type | Default | +| ------------------- | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | ------------ | +| `alignment` | `alignment` | Specifies the text alignment of the component's value. | `"end" \| "start"` | `"start"` | +| `autocomplete` | `autocomplete` | Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `autofocus` | `autofocus` | When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. | `boolean` | `false` | +| `clearable` | `clearable` | When `true`, a clear button is displayed when the component has a value. | `boolean` | `false` | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `enterKeyHint` | `enter-key-hint` | Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | +| `groupSeparator` | `group-separator` | When `true`, number values are displayed with a group separator corresponding to the language and country format. | `boolean` | `false` | +| `hidden` | `hidden` | When `true`, the component will not be visible. | `boolean` | `false` | +| `icon` | `icon` | Specifies an icon to display. | `boolean \| string` | `undefined` | +| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | +| `inputMode` | `input-mode` | Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info. | `string` | `"decimal"` | +| `integer` | `integer` | When `true`, restricts the component to integer numbers only and disables exponential notation. | `boolean` | `false` | +| `label` | `label` | Accessible name for the component's button or hyperlink. | `string` | `undefined` | +| `loading` | `loading` | When `true`, the component is in the loading state and `calcite-progress` is displayed. | `boolean` | `false` | +| `max` | `max` | Specifies the maximum value. | `number` | `undefined` | +| `maxLength` | `max-length` | Specifies the maximum length of text for the component's value. | `number` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ clear?: string; loading?: string; }` | `undefined` | +| `min` | `min` | Specifies the minimum value. | `number` | `undefined` | +| `minLength` | `min-length` | Specifies the minimum length of text for the component's value. | `number` | `undefined` | +| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | +| `numberButtonType` | `number-button-type` | Specifies the placement of the buttons. | `"horizontal" \| "none" \| "vertical"` | `"vertical"` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "latn"` | `undefined` | +| `placeholder` | `placeholder` | Specifies placeholder text for the component. | `string` | `undefined` | +| `prefixText` | `prefix-text` | Adds text to the start of the component. | `string` | `undefined` | +| `readOnly` | `read-only` | When `true`, the component's value can be read, but cannot be modified. | `boolean` | `false` | +| `required` | `required` | When `true`, the component must have a value in order for the form to submit. | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | +| `step` | `step` | Specifies the granularity that the component's value must adhere to. | `"any" \| number` | `undefined` | +| `suffixText` | `suffix-text` | Adds text to the end of the component. | `string` | `undefined` | +| `validationIcon` | `validation-icon` | Specifies the validation icon to display under the component. | `boolean \| string` | `undefined` | +| `validationMessage` | `validation-message` | Specifies the validation message to display under the component. | `string` | `undefined` | +| `value` | `value` | The component's value. | `string` | `""` | ## Events @@ -100,6 +102,7 @@ Type: `Promise` - [calcite-progress](../progress) - [calcite-icon](../icon) +- [calcite-input-message](../input-message) ### Graph @@ -107,6 +110,8 @@ Type: `Promise` graph TD; calcite-input-number --> calcite-progress calcite-input-number --> calcite-icon + calcite-input-number --> calcite-input-message + calcite-input-message --> calcite-icon calcite-color-picker --> calcite-input-number calcite-color-picker-hex-input --> calcite-input-number style calcite-input-number fill:#f9f,stroke:#333,stroke-width:4px @@ -114,4 +119,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/input-text/readme.md b/packages/calcite-components/src/components/input-text/readme.md index 879da52731b..0cac36bc70a 100644 --- a/packages/calcite-components/src/components/input-text/readme.md +++ b/packages/calcite-components/src/components/input-text/readme.md @@ -12,34 +12,36 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------ | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | ----------- | -| `alignment` | `alignment` | Specifies the text alignment of the component's value. | `"end" \| "start"` | `"start"` | -| `autocomplete` | `autocomplete` | Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `autofocus` | `autofocus` | When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. | `boolean` | `false` | -| `clearable` | `clearable` | When `true`, a clear button is displayed when the component has a value. | `boolean` | `false` | -| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `enterKeyHint` | `enter-key-hint` | Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | -| `hidden` | `hidden` | When `true`, the component will not be visible. | `boolean` | `false` | -| `icon` | `icon` | Specifies an icon to display. | `boolean \| string` | `undefined` | -| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | -| `inputMode` | `input-mode` | Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info. | `string` | `"text"` | -| `label` | `label` | Accessible name for the component's button or hyperlink. | `string` | `undefined` | -| `loading` | `loading` | When `true`, the component is in the loading state and `calcite-progress` is displayed. | `boolean` | `false` | -| `maxLength` | `max-length` | Specifies the maximum length of text for the component's value. | `number` | `undefined` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ clear?: string; loading?: string; }` | `undefined` | -| `minLength` | `min-length` | Specifies the minimum length of text for the component's value. | `number` | `undefined` | -| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | -| `pattern` | `pattern` | Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `placeholder` | `placeholder` | Specifies placeholder text for the component. | `string` | `undefined` | -| `prefixText` | `prefix-text` | Adds text to the start of the component. | `string` | `undefined` | -| `readOnly` | `read-only` | When `true`, the component's value can be read, but cannot be modified. | `boolean` | `false` | -| `required` | `required` | When `true`, the component must have a value in order for the form to submit. | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | -| `suffixText` | `suffix-text` | Adds text to the end of the component. | `string` | `undefined` | -| `value` | `value` | The component's value. | `string` | `""` | +| Property | Attribute | Description | Type | Default | +| ------------------- | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------- | ----------- | +| `alignment` | `alignment` | Specifies the text alignment of the component's value. | `"end" \| "start"` | `"start"` | +| `autocomplete` | `autocomplete` | Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `autofocus` | `autofocus` | When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. | `boolean` | `false` | +| `clearable` | `clearable` | When `true`, a clear button is displayed when the component has a value. | `boolean` | `false` | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `enterKeyHint` | `enter-key-hint` | Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | +| `hidden` | `hidden` | When `true`, the component will not be visible. | `boolean` | `false` | +| `icon` | `icon` | Specifies an icon to display. | `boolean \| string` | `undefined` | +| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | +| `inputMode` | `input-mode` | Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info. | `string` | `"text"` | +| `label` | `label` | Accessible name for the component's button or hyperlink. | `string` | `undefined` | +| `loading` | `loading` | When `true`, the component is in the loading state and `calcite-progress` is displayed. | `boolean` | `false` | +| `maxLength` | `max-length` | Specifies the maximum length of text for the component's value. | `number` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ clear?: string; loading?: string; }` | `undefined` | +| `minLength` | `min-length` | Specifies the minimum length of text for the component's value. | `number` | `undefined` | +| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | +| `pattern` | `pattern` | Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `placeholder` | `placeholder` | Specifies placeholder text for the component. | `string` | `undefined` | +| `prefixText` | `prefix-text` | Adds text to the start of the component. | `string` | `undefined` | +| `readOnly` | `read-only` | When `true`, the component's value can be read, but cannot be modified. | `boolean` | `false` | +| `required` | `required` | When `true`, the component must have a value in order for the form to submit. | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | +| `suffixText` | `suffix-text` | Adds text to the end of the component. | `string` | `undefined` | +| `validationIcon` | `validation-icon` | Specifies the validation icon to display under the component. | `boolean \| string` | `undefined` | +| `validationMessage` | `validation-message` | Specifies the validation message to display under the component. | `string` | `undefined` | +| `value` | `value` | The component's value. | `string` | `""` | ## Events @@ -77,11 +79,14 @@ Type: `Promise` ### Used by - [calcite-color-picker-hex-input](../color-picker-hex-input) +- [calcite-input-date-picker](../input-date-picker) +- [calcite-input-time-picker](../input-time-picker) ### Depends on - [calcite-progress](../progress) - [calcite-icon](../icon) +- [calcite-input-message](../input-message) ### Graph @@ -89,10 +94,14 @@ Type: `Promise` graph TD; calcite-input-text --> calcite-progress calcite-input-text --> calcite-icon + calcite-input-text --> calcite-input-message + calcite-input-message --> calcite-icon calcite-color-picker-hex-input --> calcite-input-text + calcite-input-date-picker --> calcite-input-text + calcite-input-time-picker --> calcite-input-text style calcite-input-text fill:#f9f,stroke:#333,stroke-width:4px ``` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/input-time-picker/readme.md b/packages/calcite-components/src/components/input-time-picker/readme.md index 1fac6c3e97a..9c25c3fa4b0 100644 --- a/packages/calcite-components/src/components/input-time-picker/readme.md +++ b/packages/calcite-components/src/components/input-time-picker/readme.md @@ -25,13 +25,16 @@ | `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | | `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ chooseTime?: string; fractionalSecond?: string; fractionalSecondDown?: string; fractionalSecondUp?: string; hour?: string; hourDown?: string; hourUp?: string; meridiem?: string; meridiemDown?: string; meridiemUp?: string; minute?: string; minuteDown?: string; minuteUp?: string; second?: string; secondDown?: string; secondUp?: string; }` | `undefined` | | `name` | `name` | Specifies the name of the component on form submission. | `string` | `undefined` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "latn"` | `undefined` | | `open` | `open` | When `true`, displays the `calcite-time-picker` component. | `boolean` | `false` | | `overlayPositioning` | `overlay-positioning` | Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. | `"absolute" \| "fixed"` | `"absolute"` | | `placement` | `placement` | Determines where the popover will be positioned relative to the input. | `"auto" \| "top" \| "right" \| "bottom" \| "left" \| "top-start" \| "top-end" \| "right-start" \| "right-end" \| "bottom-start" \| "bottom-end" \| "left-start" \| "left-end" \| "auto-start" \| "auto-end" \| "leading-start" \| "leading" \| "leading-end" \| "trailing-end" \| "trailing" \| "trailing-start"` | `"auto"` | | `readOnly` | `read-only` | When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified. | `boolean` | `false` | | `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | | `step` | `step` | Specifies the granularity the component's `value` must adhere to (in seconds). | `number` | `60` | +| `validationIcon` | `validation-icon` | Specifies the validation icon to display under the component. | `boolean \| string` | `undefined` | +| `validationMessage` | `validation-message` | Specifies the validation message to display under the component. | `string` | `undefined` | | `value` | `value` | The time value in ISO (24-hour) format. | `string` | `null` | ## Events @@ -50,6 +53,12 @@ Updates the position of the component. +#### Parameters + +| Name | Type | Description | +| --------- | --------- | ----------- | +| `delayed` | `boolean` | | + #### Returns Type: `Promise` @@ -66,21 +75,25 @@ Type: `Promise` ### Depends on -- [calcite-input](../input) +- [calcite-input-text](../input-text) - [calcite-popover](../popover) - [calcite-time-picker](../time-picker) - [calcite-icon](../icon) +- [calcite-input-message](../input-message) ### Graph ```mermaid graph TD; - calcite-input-time-picker --> calcite-input + calcite-input-time-picker --> calcite-input-text calcite-input-time-picker --> calcite-popover calcite-input-time-picker --> calcite-time-picker calcite-input-time-picker --> calcite-icon - calcite-input --> calcite-progress - calcite-input --> calcite-icon + calcite-input-time-picker --> calcite-input-message + calcite-input-text --> calcite-progress + calcite-input-text --> calcite-icon + calcite-input-text --> calcite-input-message + calcite-input-message --> calcite-icon calcite-popover --> calcite-action calcite-popover --> calcite-icon calcite-action --> calcite-loader @@ -91,4 +104,4 @@ graph TD; --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/input-time-zone/readme.md b/packages/calcite-components/src/components/input-time-zone/readme.md index d99a175436c..fdbbe1c50a4 100644 --- a/packages/calcite-components/src/components/input-time-zone/readme.md +++ b/packages/calcite-components/src/components/input-time-zone/readme.md @@ -6,10 +6,20 @@ ### Basic +Displays options to select a time zone offset (in minutes). + ```html ``` +### TimeZoneNames + +Displays options to select a IANA time zone name. + +```html + +``` + ## Properties | Property | Attribute | Description | Type | Default | @@ -18,10 +28,15 @@ | `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | | `maxItems` | `max-items` | Specifies the component's maximum number of options to display before displaying a scrollbar. | `number` | `0` | | `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ chooseTimeZone?: string; timeZoneLabel?: string; "Africa/Abidjan"?: string; "Africa/Accra"?: string; "Africa/Addis_Ababa"?: string; "Africa/Algiers"?: string; "Africa/Asmera"?: string; "Africa/Bamako"?: string; "Africa/Bangui"?: string; "Africa/Banjul"?: string; "Africa/Bissau"?: string; "Africa/Blantyre"?: string; "Africa/Brazzaville"?: string; "Africa/Bujumbura"?: string; "Africa/Cairo"?: string; "Africa/Casablanca"?: string; "Africa/Ceuta"?: string; "Africa/Conakry"?: string; "Africa/Dakar"?: string; "Africa/Dar_es_Salaam"?: string; "Africa/Djibouti"?: string; "Africa/Douala"?: string; "Africa/El_Aaiun"?: string; "Africa/Freetown"?: string; "Africa/Gaborone"?: string; "Africa/Harare"?: string; "Africa/Johannesburg"?: string; "Africa/Juba"?: string; "Africa/Kampala"?: string; "Africa/Khartoum"?: string; "Africa/Kigali"?: string; "Africa/Kinshasa"?: string; "Africa/Lagos"?: string; "Africa/Libreville"?: string; "Africa/Lome"?: string; "Africa/Luanda"?: string; "Africa/Lubumbashi"?: string; "Africa/Lusaka"?: string; "Africa/Malabo"?: string; "Africa/Maputo"?: string; "Africa/Maseru"?: string; "Africa/Mbabane"?: string; "Africa/Mogadishu"?: string; "Africa/Monrovia"?: string; "Africa/Nairobi"?: string; "Africa/Ndjamena"?: string; "Africa/Niamey"?: string; "Africa/Nouakchott"?: string; "Africa/Ouagadougou"?: string; "Africa/Porto-Novo"?: string; "Africa/Sao_Tome"?: string; "Africa/Tripoli"?: string; "Africa/Tunis"?: string; "Africa/Windhoek"?: string; "America/Adak"?: string; "America/Anchorage"?: string; "America/Anguilla"?: string; "America/Antigua"?: string; "America/Araguaina"?: string; "America/Argentina/La_Rioja"?: string; "America/Argentina/Rio_Gallegos"?: string; "America/Argentina/Salta"?: string; "America/Argentina/San_Juan"?: string; "America/Argentina/San_Luis"?: string; "America/Argentina/Tucuman"?: string; "America/Argentina/Ushuaia"?: string; "America/Aruba"?: string; "America/Asuncion"?: string; "America/Bahia"?: string; "America/Bahia_Banderas"?: string; "America/Barbados"?: string; "America/Belem"?: string; "America/Belize"?: string; "America/Blanc-Sablon"?: string; "America/Boa_Vista"?: string; "America/Bogota"?: string; "America/Boise"?: string; "America/Buenos_Aires"?: string; "America/Cambridge_Bay"?: string; "America/Campo_Grande"?: string; "America/Cancun"?: string; "America/Caracas"?: string; "America/Catamarca"?: string; "America/Cayenne"?: string; "America/Cayman"?: string; "America/Chicago"?: string; "America/Chihuahua"?: string; "America/Ciudad_Juarez"?: string; "America/Coral_Harbour"?: string; "America/Cordoba"?: string; "America/Costa_Rica"?: string; "America/Creston"?: string; "America/Cuiaba"?: string; "America/Curacao"?: string; "America/Danmarkshavn"?: string; "America/Dawson"?: string; "America/Dawson_Creek"?: string; "America/Denver"?: string; "America/Detroit"?: string; "America/Dominica"?: string; "America/Edmonton"?: string; "America/Eirunepe"?: string; "America/El_Salvador"?: string; "America/Fort_Nelson"?: string; "America/Fortaleza"?: string; "America/Glace_Bay"?: string; "America/Godthab"?: string; "America/Goose_Bay"?: string; "America/Grand_Turk"?: string; "America/Grenada"?: string; "America/Guadeloupe"?: string; "America/Guatemala"?: string; "America/Guayaquil"?: string; "America/Guyana"?: string; "America/Halifax"?: string; "America/Havana"?: string; "America/Hermosillo"?: string; "America/Indiana/Knox"?: string; "America/Indiana/Marengo"?: string; "America/Indiana/Petersburg"?: string; "America/Indiana/Tell_City"?: string; "America/Indiana/Vevay"?: string; "America/Indiana/Vincennes"?: string; "America/Indiana/Winamac"?: string; "America/Indianapolis"?: string; "America/Inuvik"?: string; "America/Iqaluit"?: string; "America/Jamaica"?: string; "America/Jujuy"?: string; "America/Juneau"?: string; "America/Kentucky/Monticello"?: string; "America/Kralendijk"?: string; "America/La_Paz"?: string; "America/Lima"?: string; "America/Los_Angeles"?: string; "America/Louisville"?: string; "America/Lower_Princes"?: string; "America/Maceio"?: string; "America/Managua"?: string; "America/Manaus"?: string; "America/Marigot"?: string; "America/Martinique"?: string; "America/Matamoros"?: string; "America/Mazatlan"?: string; "America/Mendoza"?: string; "America/Menominee"?: string; "America/Merida"?: string; "America/Metlakatla"?: string; "America/Mexico_City"?: string; "America/Miquelon"?: string; "America/Moncton"?: string; "America/Monterrey"?: string; "America/Montevideo"?: string; "America/Montreal"?: string; "America/Montserrat"?: string; "America/Nassau"?: string; "America/New_York"?: string; "America/Nipigon"?: string; "America/Nome"?: string; "America/Noronha"?: string; "America/North_Dakota/Beulah"?: string; "America/North_Dakota/Center"?: string; "America/North_Dakota/New_Salem"?: string; "America/Ojinaga"?: string; "America/Panama"?: string; "America/Pangnirtung"?: string; "America/Paramaribo"?: string; "America/Phoenix"?: string; "America/Port-au-Prince"?: string; "America/Port_of_Spain"?: string; "America/Porto_Velho"?: string; "America/Puerto_Rico"?: string; "America/Punta_Arenas"?: string; "America/Rainy_River"?: string; "America/Rankin_Inlet"?: string; "America/Recife"?: string; "America/Regina"?: string; "America/Resolute"?: string; "America/Rio_Branco"?: string; "America/Santa_Isabel"?: string; "America/Santarem"?: string; "America/Santiago"?: string; "America/Santo_Domingo"?: string; "America/Sao_Paulo"?: string; "America/Scoresbysund"?: string; "America/Sitka"?: string; "America/St_Barthelemy"?: string; "America/St_Johns"?: string; "America/St_Kitts"?: string; "America/St_Lucia"?: string; "America/St_Thomas"?: string; "America/St_Vincent"?: string; "America/Swift_Current"?: string; "America/Tegucigalpa"?: string; "America/Thule"?: string; "America/Thunder_Bay"?: string; "America/Tijuana"?: string; "America/Toronto"?: string; "America/Tortola"?: string; "America/Vancouver"?: string; "America/Whitehorse"?: string; "America/Winnipeg"?: string; "America/Yakutat"?: string; "America/Yellowknife"?: string; "Antarctica/Casey"?: string; "Antarctica/Davis"?: string; "Antarctica/DumontDUrville"?: string; "Antarctica/Macquarie"?: string; "Antarctica/Mawson"?: string; "Antarctica/McMurdo"?: string; "Antarctica/Palmer"?: string; "Antarctica/Rothera"?: string; "Antarctica/Syowa"?: string; "Antarctica/Troll"?: string; "Antarctica/Vostok"?: string; "Arctic/Longyearbyen"?: string; "Asia/Aden"?: string; "Asia/Almaty"?: string; "Asia/Amman"?: string; "Asia/Anadyr"?: string; "Asia/Aqtau"?: string; "Asia/Aqtobe"?: string; "Asia/Ashgabat"?: string; "Asia/Atyrau"?: string; "Asia/Baghdad"?: string; "Asia/Bahrain"?: string; "Asia/Baku"?: string; "Asia/Bangkok"?: string; "Asia/Barnaul"?: string; "Asia/Beirut"?: string; "Asia/Bishkek"?: string; "Asia/Brunei"?: string; "Asia/Calcutta"?: string; "Asia/Chita"?: string; "Asia/Choibalsan"?: string; "Asia/Colombo"?: string; "Asia/Damascus"?: string; "Asia/Dhaka"?: string; "Asia/Dili"?: string; "Asia/Dubai"?: string; "Asia/Dushanbe"?: string; "Asia/Famagusta"?: string; "Asia/Gaza"?: string; "Asia/Hebron"?: string; "Asia/Hong_Kong"?: string; "Asia/Hovd"?: string; "Asia/Irkutsk"?: string; "Asia/Jakarta"?: string; "Asia/Jayapura"?: string; "Asia/Jerusalem"?: string; "Asia/Kabul"?: string; "Asia/Kamchatka"?: string; "Asia/Karachi"?: string; "Asia/Katmandu"?: string; "Asia/Khandyga"?: string; "Asia/Krasnoyarsk"?: string; "Asia/Kuala_Lumpur"?: string; "Asia/Kuching"?: string; "Asia/Kuwait"?: string; "Asia/Macau"?: string; "Asia/Magadan"?: string; "Asia/Makassar"?: string; "Asia/Manila"?: string; "Asia/Muscat"?: string; "Asia/Nicosia"?: string; "Asia/Novokuznetsk"?: string; "Asia/Novosibirsk"?: string; "Asia/Omsk"?: string; "Asia/Oral"?: string; "Asia/Phnom_Penh"?: string; "Asia/Pontianak"?: string; "Asia/Pyongyang"?: string; "Asia/Qatar"?: string; "Asia/Qostanay"?: string; "Asia/Qyzylorda"?: string; "Asia/Rangoon"?: string; "Asia/Riyadh"?: string; "Asia/Saigon"?: string; "Asia/Sakhalin"?: string; "Asia/Samarkand"?: string; "Asia/Seoul"?: string; "Asia/Shanghai"?: string; "Asia/Singapore"?: string; "Asia/Srednekolymsk"?: string; "Asia/Taipei"?: string; "Asia/Tashkent"?: string; "Asia/Tbilisi"?: string; "Asia/Tehran"?: string; "Asia/Thimphu"?: string; "Asia/Tokyo"?: string; "Asia/Tomsk"?: string; "Asia/Ulaanbaatar"?: string; "Asia/Urumqi"?: string; "Asia/Ust-Nera"?: string; "Asia/Vientiane"?: string; "Asia/Vladivostok"?: string; "Asia/Yakutsk"?: string; "Asia/Yekaterinburg"?: string; "Asia/Yerevan"?: string; "Atlantic/Azores"?: string; "Atlantic/Bermuda"?: string; "Atlantic/Canary"?: string; "Atlantic/Cape_Verde"?: string; "Atlantic/Faeroe"?: string; "Atlantic/Madeira"?: string; "Atlantic/Reykjavik"?: string; "Atlantic/South_Georgia"?: string; "Atlantic/St_Helena"?: string; "Atlantic/Stanley"?: string; "Australia/Adelaide"?: string; "Australia/Brisbane"?: string; "Australia/Broken_Hill"?: string; "Australia/Currie"?: string; "Australia/Darwin"?: string; "Australia/Eucla"?: string; "Australia/Hobart"?: string; "Australia/Lindeman"?: string; "Australia/Lord_Howe"?: string; "Australia/Melbourne"?: string; "Australia/Perth"?: string; "Australia/Sydney"?: string; "Europe/Amsterdam"?: string; "Europe/Andorra"?: string; "Europe/Astrakhan"?: string; "Europe/Athens"?: string; "Europe/Belgrade"?: string; "Europe/Berlin"?: string; "Europe/Bratislava"?: string; "Europe/Brussels"?: string; "Europe/Bucharest"?: string; "Europe/Budapest"?: string; "Europe/Busingen"?: string; "Europe/Chisinau"?: string; "Europe/Copenhagen"?: string; "Europe/Dublin"?: string; "Europe/Gibraltar"?: string; "Europe/Guernsey"?: string; "Europe/Helsinki"?: string; "Europe/Isle_of_Man"?: string; "Europe/Istanbul"?: string; "Europe/Jersey"?: string; "Europe/Kaliningrad"?: string; "Europe/Kiev"?: string; "Europe/Kirov"?: string; "Europe/Lisbon"?: string; "Europe/Ljubljana"?: string; "Europe/London"?: string; "Europe/Luxembourg"?: string; "Europe/Madrid"?: string; "Europe/Malta"?: string; "Europe/Mariehamn"?: string; "Europe/Minsk"?: string; "Europe/Monaco"?: string; "Europe/Moscow"?: string; "Europe/Oslo"?: string; "Europe/Paris"?: string; "Europe/Podgorica"?: string; "Europe/Prague"?: string; "Europe/Riga"?: string; "Europe/Rome"?: string; "Europe/Samara"?: string; "Europe/San_Marino"?: string; "Europe/Sarajevo"?: string; "Europe/Saratov"?: string; "Europe/Simferopol"?: string; "Europe/Skopje"?: string; "Europe/Sofia"?: string; "Europe/Stockholm"?: string; "Europe/Tallinn"?: string; "Europe/Tirane"?: string; "Europe/Ulyanovsk"?: string; "Europe/Uzhgorod"?: string; "Europe/Vaduz"?: string; "Europe/Vatican"?: string; "Europe/Vienna"?: string; "Europe/Vilnius"?: string; "Europe/Volgograd"?: string; "Europe/Warsaw"?: string; "Europe/Zagreb"?: string; "Europe/Zaporozhye"?: string; "Europe/Zurich"?: string; "Indian/Antananarivo"?: string; "Indian/Chagos"?: string; "Indian/Christmas"?: string; "Indian/Cocos"?: string; "Indian/Comoro"?: string; "Indian/Kerguelen"?: string; "Indian/Mahe"?: string; "Indian/Maldives"?: string; "Indian/Mauritius"?: string; "Indian/Mayotte"?: string; "Indian/Reunion"?: string; "Pacific/Apia"?: string; "Pacific/Auckland"?: string; "Pacific/Bougainville"?: string; "Pacific/Chatham"?: string; "Pacific/Easter"?: string; "Pacific/Efate"?: string; "Pacific/Enderbury"?: string; "Pacific/Fakaofo"?: string; "Pacific/Fiji"?: string; "Pacific/Funafuti"?: string; "Pacific/Galapagos"?: string; "Pacific/Gambier"?: string; "Pacific/Guadalcanal"?: string; "Pacific/Guam"?: string; "Pacific/Honolulu"?: string; "Pacific/Johnston"?: string; "Pacific/Kiritimati"?: string; "Pacific/Kosrae"?: string; "Pacific/Kwajalein"?: string; "Pacific/Majuro"?: string; "Pacific/Marquesas"?: string; "Pacific/Midway"?: string; "Pacific/Nauru"?: string; "Pacific/Niue"?: string; "Pacific/Norfolk"?: string; "Pacific/Noumea"?: string; "Pacific/Pago_Pago"?: string; "Pacific/Palau"?: string; "Pacific/Pitcairn"?: string; "Pacific/Ponape"?: string; "Pacific/Port_Moresby"?: string; "Pacific/Rarotonga"?: string; "Pacific/Saipan"?: string; "Pacific/Tahiti"?: string; "Pacific/Tarawa"?: string; "Pacific/Tongatapu"?: string; "Pacific/Truk"?: string; "Pacific/Wake"?: string; "Pacific/Wallis"?: string; }` | `undefined` | +| `mode` | `mode` | This specifies the type of `value` and the associated options presented to the user: Using `"offset"` will provide options related | `"name" \| "offset"` | `"offset"` | | `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | | `open` | `open` | When `true`, displays and positions the component. | `boolean` | `false` | | `overlayPositioning` | `overlay-positioning` | Determines the type of positioning to use for the overlaid content. Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`. | `"absolute" \| "fixed"` | `"absolute"` | +| `referenceDate` | `reference-date` | This date will be used as a reference to Daylight Savings Time when creating time zone item groups. It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ) | `Date \| string` | `undefined` | | `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | +| `validationIcon` | `validation-icon` | Specifies the validation icon to display under the component. | `boolean \| string` | `undefined` | +| `validationMessage` | `validation-message` | Specifies the validation message to display under the component. | `string` | `undefined` | | `value` | `value` | The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC. If no value is provided, the user's time zone offset will be selected by default. | `string` | `undefined` | ## Events @@ -57,11 +72,13 @@ graph TD; calcite-input-time-zone --> calcite-combobox-item calcite-combobox --> calcite-chip calcite-combobox --> calcite-icon + calcite-combobox --> calcite-input-message calcite-chip --> calcite-icon + calcite-input-message --> calcite-icon calcite-combobox-item --> calcite-icon style calcite-input-time-zone fill:#f9f,stroke:#333,stroke-width:4px ``` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/input/readme.md b/packages/calcite-components/src/components/input/readme.md index 24168a01c93..3ae9f76015f 100644 --- a/packages/calcite-components/src/components/input/readme.md +++ b/packages/calcite-components/src/components/input/readme.md @@ -47,14 +47,8 @@ function logBlur() { ```html Invalid input - + + Something doesn't look right ``` @@ -68,52 +62,55 @@ function logBlur() { status="invalid" placeholder="Enter your subdomain" value="i-love-maps" - validation-message="Apologies, this subdomain has already been registered." - validation-icon="frown" > + + Apologies, this subdomain has already been registered. + ``` ## Properties -| Property | Attribute | Description | Type | Default | -| ------------------ | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | -| `accept` | `accept` | Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `alignment` | `alignment` | Specifies the text alignment of the component's value. | `"end" \| "start"` | `"start"` | -| `autocomplete` | `autocomplete` | Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `autofocus` | `autofocus` | When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. | `boolean` | `false` | -| `clearable` | `clearable` | When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type. | `boolean` | `false` | -| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | -| `enterKeyHint` | `enter-key-hint` | Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `files` | -- | When `type` is `"file"`, specifies the component's selected files. | `FileList` | `undefined` | -| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | -| `groupSeparator` | `group-separator` | When `true`, number values are displayed with a group separator corresponding to the language and country format. | `boolean` | `false` | -| `hidden` | `hidden` | When `true`, the component will not be visible. | `boolean` | `false` | -| `icon` | `icon` | When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. | `boolean \| string` | `undefined` | -| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | -| `inputMode` | `input-mode` | Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info. | `string` | `"text"` | -| `label` | `label` | Accessible name for the component. | `string` | `undefined` | -| `loading` | `loading` | When `true`, a busy indicator is displayed. | `boolean` | `false` | -| `max` | `max` | Specifies the maximum value for type "number". | `number` | `undefined` | -| `maxLength` | `max-length` | Specifies the maximum length of text for the component's value. | `number` | `undefined` | -| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ clear?: string; loading?: string; }` | `undefined` | -| `min` | `min` | Specifies the minimum value for `type="number"`. | `number` | `undefined` | -| `minLength` | `min-length` | Specifies the minimum length of text for the component's value. | `number` | `undefined` | -| `multiple` | `multiple` | When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info. | `boolean` | `false` | -| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | -| `numberButtonType` | `number-button-type` | Specifies the placement of the buttons for `type="number"`. | `"horizontal" \| "none" \| "vertical"` | `"vertical"` | -| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "bali" \| "beng" \| "deva" \| "fullwide" \| "gujr" \| "guru" \| "hanidec" \| "khmr" \| "knda" \| "laoo" \| "latn" \| "limb" \| "mlym" \| "mong" \| "mymr" \| "orya" \| "tamldec" \| "telu" \| "thai" \| "tibt"` | `undefined` | -| `pattern` | `pattern` | Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | -| `placeholder` | `placeholder` | Specifies placeholder text for the component. | `string` | `undefined` | -| `prefixText` | `prefix-text` | Adds text to the start of the component. | `string` | `undefined` | -| `readOnly` | `read-only` | When `true`, the component's value can be read, but cannot be modified. | `boolean` | `false` | -| `required` | `required` | When `true`, the component must have a value in order for the form to submit. | `boolean` | `false` | -| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | -| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | -| `step` | `step` | Specifies the granularity the component's `value` must adhere to. | `"any" \| number` | `undefined` | -| `suffixText` | `suffix-text` | Adds text to the end of the component. | `string` | `undefined` | -| `type` | `type` | Specifies the component type. Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`. | `"color" \| "date" \| "datetime-local" \| "email" \| "file" \| "image" \| "month" \| "number" \| "password" \| "search" \| "tel" \| "text" \| "textarea" \| "time" \| "url" \| "week"` | `"text"` | -| `value` | `value` | The component's value. | `string` | `""` | +| Property | Attribute | Description | Type | Default | +| ------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | +| `accept` | `accept` | Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `alignment` | `alignment` | Specifies the text alignment of the component's value. | `"end" \| "start"` | `"start"` | +| `autocomplete` | `autocomplete` | Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `autofocus` | `autofocus` | When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus. | `boolean` | `false` | +| `clearable` | `clearable` | When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type. | `boolean` | `false` | +| `disabled` | `disabled` | When `true`, interaction is prevented and the component is displayed with lower opacity. | `boolean` | `false` | +| `enterKeyHint` | `enter-key-hint` | Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `files` | -- | When `type` is `"file"`, specifies the component's selected files. | `FileList` | `undefined` | +| `form` | `form` | The ID of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any. | `string` | `undefined` | +| `groupSeparator` | `group-separator` | When `true`, number values are displayed with a group separator corresponding to the language and country format. | `boolean` | `false` | +| `hidden` | `hidden` | When `true`, the component will not be visible. | `boolean` | `false` | +| `icon` | `icon` | When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon. | `boolean \| string` | `undefined` | +| `iconFlipRtl` | `icon-flip-rtl` | When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). | `boolean` | `false` | +| `inputMode` | `input-mode` | Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info. | `string` | `"text"` | +| `label` | `label` | Accessible name for the component. | `string` | `undefined` | +| `loading` | `loading` | When `true`, a busy indicator is displayed. | `boolean` | `false` | +| `max` | `max` | Specifies the maximum value for type "number". | `number` | `undefined` | +| `maxLength` | `max-length` | Specifies the maximum length of text for the component's value. | `number` | `undefined` | +| `messageOverrides` | -- | Use this property to override individual strings used by the component. | `{ clear?: string; loading?: string; }` | `undefined` | +| `min` | `min` | Specifies the minimum value for `type="number"`. | `number` | `undefined` | +| `minLength` | `min-length` | Specifies the minimum length of text for the component's value. | `number` | `undefined` | +| `multiple` | `multiple` | When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info. | `boolean` | `false` | +| `name` | `name` | Specifies the name of the component. Required to pass the component's `value` on form submission. | `string` | `undefined` | +| `numberButtonType` | `number-button-type` | Specifies the placement of the buttons for `type="number"`. | `"horizontal" \| "none" \| "vertical"` | `"vertical"` | +| `numberingSystem` | `numbering-system` | Specifies the Unicode numeral system used by the component for localization. | `"arab" \| "arabext" \| "latn"` | `undefined` | +| `pattern` | `pattern` | Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info. | `string` | `undefined` | +| `placeholder` | `placeholder` | Specifies placeholder text for the component. | `string` | `undefined` | +| `prefixText` | `prefix-text` | Adds text to the start of the component. | `string` | `undefined` | +| `readOnly` | `read-only` | When `true`, the component's value can be read, but cannot be modified. | `boolean` | `false` | +| `required` | `required` | When `true`, the component must have a value in order for the form to submit. | `boolean` | `false` | +| `scale` | `scale` | Specifies the size of the component. | `"l" \| "m" \| "s"` | `"m"` | +| `status` | `status` | Specifies the status of the input field, which determines message and icons. | `"idle" \| "invalid" \| "valid"` | `"idle"` | +| `step` | `step` | Specifies the granularity the component's `value` must adhere to. | `"any" \| number` | `undefined` | +| `suffixText` | `suffix-text` | Adds text to the end of the component. | `string` | `undefined` | +| `type` | `type` | Specifies the component type. Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`. | `"color" \| "date" \| "datetime-local" \| "email" \| "file" \| "image" \| "month" \| "number" \| "password" \| "search" \| "tel" \| "text" \| "textarea" \| "time" \| "url" \| "week"` | `"text"` | +| `validationIcon` | `validation-icon` | Specifies the validation icon to display under the component. | `boolean \| string` | `undefined` | +| `validationMessage` | `validation-message` | Specifies the validation message to display under the component. | `string` | `undefined` | +| `value` | `value` | The component's value. | `string` | `""` | ## Events @@ -151,13 +148,12 @@ Type: `Promise` ### Used by - [calcite-filter](../filter) -- [calcite-input-date-picker](../input-date-picker) -- [calcite-input-time-picker](../input-time-picker) ### Depends on - [calcite-progress](../progress) - [calcite-icon](../icon) +- [calcite-input-message](../input-message) ### Graph @@ -165,12 +161,12 @@ Type: `Promise` graph TD; calcite-input --> calcite-progress calcite-input --> calcite-icon + calcite-input --> calcite-input-message + calcite-input-message --> calcite-icon calcite-filter --> calcite-input - calcite-input-date-picker --> calcite-input - calcite-input-time-picker --> calcite-input style calcite-input fill:#f9f,stroke:#333,stroke-width:4px ``` --- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/packages/calcite-components/src/components/label/readme.md b/packages/calcite-components/src/components/label/readme.md index f22f44a1581..c2c2c109add 100644 --- a/packages/calcite-components/src/components/label/readme.md +++ b/packages/calcite-components/src/components/label/readme.md @@ -10,9 +10,14 @@ Renders a `