Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(dialog): add CSS variables to offset the position #9904

Merged
merged 3 commits into from
Aug 14, 2024

Conversation

driskull
Copy link
Member

@driskull driskull commented Jul 30, 2024

Related Issue: #9879

Summary

  • --calcite-dialog-offset-x: Specifies the horizontal offset of the component.
  • --calcite-dialog-offset-y: Specifies the vertical offset of the component.

@github-actions github-actions bot added the enhancement Issues tied to a new feature or request. label Jul 30, 2024
@driskull driskull marked this pull request as ready for review July 30, 2024 16:58
Copy link
Contributor

@macandcheese macandcheese left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

@@ -9,6 +9,8 @@
* @prop --calcite-dialog-content-space: Specifies the padding of the component's content.
* @prop --calcite-dialog-footer-space: Specifies the padding of the component's footer.
* @prop --calcite-dialog-border-color: Specifies the component's border color.
* @prop --calcite-dialog-offset-x: Specifies the horizontal offset of the component.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

offset makes sense to me!

Copy link
Contributor

github-actions bot commented Aug 8, 2024

This PR has been automatically marked as stale because it has not had recent activity. Please close your PR if it is no longer relevant. Thank you for your contributions.

@github-actions github-actions bot added the Stale Issues or pull requests that have not had recent activity. label Aug 8, 2024
Copy link
Member

@jcfranco jcfranco left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
👍🤓👍👍👍🤓🤓🤓🤓👍🤓🤓🤓🤓🤓👍🤓👍👍👍🤓👍🤓👍
👍🤓👍👍👍🤓👍👍👍👍👍👍🤓👍👍👍🤓🤓👍🤓🤓👍🤓👍
👍🤓👍👍👍🤓👍🤓🤓👍👍👍🤓👍👍👍🤓👍🤓👍🤓👍🤓👍
👍🤓👍👍👍🤓👍👍🤓👍👍👍🤓👍👍👍🤓👍👍👍🤓👍👍👍
👍🤓🤓🤓👍🤓🤓🤓🤓👍👍👍🤓👍👍👍🤓👍👍👍🤓👍🤓👍
👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

I think we might be able to leverage out-of-the-box CSS props for this if we make adjustments similar to this. I'll explore this a bit and will create a refactor issue if it ends up working.

@jcfranco
Copy link
Member

@alisonailea Can you take a quick look at the new CSS props? 🙇‍♂️

Copy link
Contributor

@alisonailea alisonailea left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@driskull driskull added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Aug 14, 2024
@driskull driskull merged commit 660f0c5 into dev Aug 14, 2024
14 checks passed
@driskull driskull deleted the dris0000/dialog-offset-vars branch August 14, 2024 15:20
@github-actions github-actions bot added this to the 2024-08-27 - Aug Release milestone Aug 14, 2024
@benelan benelan mentioned this pull request Aug 28, 2024
benelan added a commit that referenced this pull request Aug 28, 2024
🤖 I have created a release *beep* *boop*
---


<details><summary>@esri/calcite-ui-icons: 3.31.0</summary>

##
[3.31.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-ui-icons@3.30.0...@esri/calcite-ui-icons@3.31.0)
(2024-08-28)


### Features

* Add close-caption, transcript, flag, and flag-slash
([#10039](#10039))
([85c7d69](85c7d69))
* Add layer-connection
([#10067](#10067))
([46dd2ee](46dd2ee))


### Bug Fixes

* Update close-caption, and transcript
([#10077](#10077))
([2e86904](2e86904))
</details>

<details><summary>@esri/calcite-components: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.11.1...@esri/calcite-components@2.12.0)
(2024-08-28)


### Features

* **accordion, accordion-item:** Add component tokens
([#9861](#9861))
([48f7f08](48f7f08))
* **action, action-bar, action-group, action-menu, action-pad:** Add
component tokens
([#10058](#10058))
([de96c24](de96c24))
* **alert:** Add 'queue' property to prioritize the ordering of alerts
when opened
([#10029](#10029))
([3aa47a4](3aa47a4))
* **combobox-item:** Add `heading` property (deprecates `textLabel`) and
add `label` property
([#9987](#9987))
([90920a0](90920a0))
* **dialog:** Add CSS variables to offset the position
([#9904](#9904))
([660f0c5](660f0c5))
* **dialog:** Add escapeDisabled property
([#10081](#10081))
([1ca8fba](1ca8fba))
* **dialog:** Add outsideCloseDisabled property
([#9978](#9978))
([f1d89b9](f1d89b9))
* **dialog:** Add resizable and dragEnabled properties
([#9804](#9804))
([e3e499e](e3e499e))
* **icon:** Add component tokens
([#10062](#10062))
([34d5689](34d5689))
* **input-time-zone:** Display selected time zone country in region mode
selection
([#9988](#9988))
([1575729](1575729))
* **loader:** Add `determinate-value` type
([#9957](#9957))
([7f21726](7f21726))
* **panel:** Add '--calcite-panel-content-space' style
([#10117](#10117))
([0e3ebcb](0e3ebcb))
* **table:** Update multiple selection iconography
([#10125](#10125))
([f2b2016](f2b2016))
* **tooltip:** Allow focusing and clicking on interactive elements
within a tooltip
([#9914](#9914))
([a3c144c](a3c144c))


### Bug Fixes

* **accordion-item:** Align focus styles across browsers
([#9944](#9944))
([2e29b42](2e29b42))
* **alert:** Properly form a queue of alerts
([#10032](#10032))
([b24d6ac](b24d6ac))
* **color-picker:** Prevent text selection when using color
sliders/field
([#10043](#10043))
([ab33e4d](ab33e4d))
* **combobox, input-date-picker, input-number, input-text,
input-time-picker, input, radio-button-group, segmented-control, select,
text-area:** Use toAriaBoolean in aria-invalid attribute to provide
valid AT error messaging
([#10079](#10079))
([78bc096](78bc096))
* **combobox:** Update placeholder-icon color
([#9956](#9956))
([d916ca4](d916ca4))
* **dialog, flow-item:** Slotted closable panels should not close the
component
([#10130](#10130))
([ce2513d](ce2513d))
* **dialog:** Allow shell to be slotted inside
([#10118](#10118))
([ea3a6de](ea3a6de))
* **dialog:** Fix escapeDisabled when the escape key is pressed on the
panel
([#10097](#10097))
([9a5f1f1](9a5f1f1))
* Ensure `beforeOpen`/`open` and `beforeClose`/`close` events emit
properly
([#9958](#9958))
([7e2764f](7e2764f))
* **filter:** Fix setFocus method
([#10149](#10149))
([f4a959a](f4a959a))
* **input-date-picker:** Fix selection for the "bs" and "it-CH" locales
([#9976](#9976))
([368d9e2](368d9e2))
* **input-date-picker:** Prevent console error when using a lang
([#10162](#10162))
([e7bf604](e7bf604))
* **input-time-zone:** Translate region names
([#9940](#9940))
([f975adb](f975adb))
* **input, combobox, input-date-picker, input-number, input-text,
input-time-picker, radio-button-group, segmented-control, select,
text-area:** Provide clear field error messaging for AT
([#9880](#9880))
([46ad7d2](46ad7d2))
* **input, input-number, input-text:** No longer set focus when a
validation message is clicked
([#10008](#10008))
([529bb5a](529bb5a))
* **label:** Prevent focusing and toggling elements slotted within a
label when a text selection occurs
([#9990](#9990))
([49d6ae1](49d6ae1))
* **list-item:** Prevent scrolling when item is focused.
([#9948](#9948))
([eab1e06](eab1e06))
* **panel:** Define heading and description line height
([#10085](#10085))
([5478eb9](5478eb9))
* **slider:** Prevent text selection when using the slider
([#10073](#10073))
([04bf325](04bf325))
* **slider:** Resolve step & snap floating point precision
([#10148](#10148))
([613bc47](613bc47))
* **stepper-item:** Update component to take full width when parent's
layout is "vertical"
([#10009](#10009))
([03a5a30](03a5a30))
* **tree,tree-item:** Replace checkbox with div and a11y attributes
([#9849](#9849))
([b1ac951](b1ac951))


### Performance Improvements

* **input-time-zone:** Improve memory footprint by leveraging browser
cache and releasing utils after their use
([#9945](#9945))
([a3d2141](a3d2141))


### Reverts

* "build(deps): remove unused cheerio package
([#10049](#10049))"
([#10057](#10057))
([d271ab1](d271ab1))
* Add stories
([#10131](#10131))
([e3a6590](e3a6590))


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-ui-icons bumped from 3.31.0-next.4 to 3.31.0
</details>

<details><summary>@esri/calcite-components-angular: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.11.1...@esri/calcite-components-angular@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-angular:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

<details><summary>@esri/calcite-components-react: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.11.1...@esri/calcite-components-react@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-react:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

---
This PR was generated with [Release
Please](https://github.com/googleapis/release-please). See
[documentation](https://github.com/googleapis/release-please#release-please).

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
benelan added a commit that referenced this pull request Aug 28, 2024
🤖 I have created a release *beep* *boop*
---


<details><summary>@esri/calcite-ui-icons: 3.31.0</summary>

##
[3.31.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-ui-icons@3.30.0...@esri/calcite-ui-icons@3.31.0)
(2024-08-28)


### Features

* Add close-caption, transcript, flag, and flag-slash
([#10039](#10039))
([85c7d69](85c7d69))
* Add layer-connection
([#10067](#10067))
([46dd2ee](46dd2ee))


### Bug Fixes

* Update close-caption, and transcript
([#10077](#10077))
([2e86904](2e86904))
</details>

<details><summary>@esri/calcite-components: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.11.1...@esri/calcite-components@2.12.0)
(2024-08-28)


### Features

* **accordion, accordion-item:** Add component tokens
([#9861](#9861))
([48f7f08](48f7f08))
* **action, action-bar, action-group, action-menu, action-pad:** Add
component tokens
([#10058](#10058))
([de96c24](de96c24))
* **alert:** Add 'queue' property to prioritize the ordering of alerts
when opened
([#10029](#10029))
([3aa47a4](3aa47a4))
* **combobox-item:** Add `heading` property (deprecates `textLabel`) and
add `label` property
([#9987](#9987))
([90920a0](90920a0))
* **dialog:** Add CSS variables to offset the position
([#9904](#9904))
([660f0c5](660f0c5))
* **dialog:** Add escapeDisabled property
([#10081](#10081))
([1ca8fba](1ca8fba))
* **dialog:** Add outsideCloseDisabled property
([#9978](#9978))
([f1d89b9](f1d89b9))
* **dialog:** Add resizable and dragEnabled properties
([#9804](#9804))
([e3e499e](e3e499e))
* **icon:** Add component tokens
([#10062](#10062))
([34d5689](34d5689))
* **input-time-zone:** Display selected time zone country in region mode
selection
([#9988](#9988))
([1575729](1575729))
* **loader:** Add `determinate-value` type
([#9957](#9957))
([7f21726](7f21726))
* **panel:** Add '--calcite-panel-content-space' style
([#10117](#10117))
([0e3ebcb](0e3ebcb))
* **table:** Update multiple selection iconography
([#10125](#10125))
([f2b2016](f2b2016))
* **tooltip:** Allow focusing and clicking on interactive elements
within a tooltip
([#9914](#9914))
([a3c144c](a3c144c))


### Bug Fixes

* **accordion-item:** Align focus styles across browsers
([#9944](#9944))
([2e29b42](2e29b42))
* **alert:** Properly form a queue of alerts
([#10032](#10032))
([b24d6ac](b24d6ac))
* **color-picker:** Prevent text selection when using color
sliders/field
([#10043](#10043))
([ab33e4d](ab33e4d))
* **combobox, input-date-picker, input-number, input-text,
input-time-picker, input, radio-button-group, segmented-control, select,
text-area:** Use toAriaBoolean in aria-invalid attribute to provide
valid AT error messaging
([#10079](#10079))
([78bc096](78bc096))
* **combobox:** Update placeholder-icon color
([#9956](#9956))
([d916ca4](d916ca4))
* **dialog, flow-item:** Slotted closable panels should not close the
component
([#10130](#10130))
([ce2513d](ce2513d))
* **dialog:** Allow shell to be slotted inside
([#10118](#10118))
([ea3a6de](ea3a6de))
* **dialog:** Fix escapeDisabled when the escape key is pressed on the
panel
([#10097](#10097))
([9a5f1f1](9a5f1f1))
* Ensure `beforeOpen`/`open` and `beforeClose`/`close` events emit
properly
([#9958](#9958))
([7e2764f](7e2764f))
* **filter:** Fix setFocus method
([#10149](#10149))
([f4a959a](f4a959a))
* **input-date-picker:** Fix selection for the "bs" and "it-CH" locales
([#9976](#9976))
([368d9e2](368d9e2))
* **input-date-picker:** Prevent console error when using a lang
([#10162](#10162))
([e7bf604](e7bf604))
* **input-time-zone:** Translate region names
([#9940](#9940))
([f975adb](f975adb))
* **input, combobox, input-date-picker, input-number, input-text,
input-time-picker, radio-button-group, segmented-control, select,
text-area:** Provide clear field error messaging for AT
([#9880](#9880))
([46ad7d2](46ad7d2))
* **input, input-number, input-text:** No longer set focus when a
validation message is clicked
([#10008](#10008))
([529bb5a](529bb5a))
* **label:** Prevent focusing and toggling elements slotted within a
label when a text selection occurs
([#9990](#9990))
([49d6ae1](49d6ae1))
* **list-item:** Prevent scrolling when item is focused.
([#9948](#9948))
([eab1e06](eab1e06))
* **panel:** Define heading and description line height
([#10085](#10085))
([5478eb9](5478eb9))
* **slider:** Prevent text selection when using the slider
([#10073](#10073))
([04bf325](04bf325))
* **slider:** Resolve step & snap floating point precision
([#10148](#10148))
([613bc47](613bc47))
* **stepper-item:** Update component to take full width when parent's
layout is "vertical"
([#10009](#10009))
([03a5a30](03a5a30))
* **tree,tree-item:** Replace checkbox with div and a11y attributes
([#9849](#9849))
([b1ac951](b1ac951))


### Performance Improvements

* **input-time-zone:** Improve memory footprint by leveraging browser
cache and releasing utils after their use
([#9945](#9945))
([a3d2141](a3d2141))


### Reverts

* "build(deps): remove unused cheerio package
([#10049](#10049))"
([#10057](#10057))
([d271ab1](d271ab1))
* Add stories
([#10131](#10131))
([e3a6590](e3a6590))


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-ui-icons bumped from 3.31.0-next.4 to 3.31.0
</details>

<details><summary>@esri/calcite-components-angular: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.11.1...@esri/calcite-components-angular@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-angular:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

<details><summary>@esri/calcite-components-react: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.11.1...@esri/calcite-components-react@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-react:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

---
This PR was generated with [Release
Please](https://github.com/googleapis/release-please). See
[documentation](https://github.com/googleapis/release-please#release-please).

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
benelan added a commit that referenced this pull request Aug 28, 2024
🤖 I have created a release *beep* *boop*
---


<details><summary>@esri/calcite-ui-icons: 3.31.0</summary>

##
[3.31.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-ui-icons@3.30.0...@esri/calcite-ui-icons@3.31.0)
(2024-08-28)


### Features

* Add close-caption, transcript, flag, and flag-slash
([#10039](#10039))
([85c7d69](85c7d69))
* Add layer-connection
([#10067](#10067))
([46dd2ee](46dd2ee))


### Bug Fixes

* Update close-caption, and transcript
([#10077](#10077))
([2e86904](2e86904))
</details>

<details><summary>@esri/calcite-components: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.11.1...@esri/calcite-components@2.12.0)
(2024-08-28)


### Features

* **accordion, accordion-item:** Add component tokens
([#9861](#9861))
([48f7f08](48f7f08))
* **action, action-bar, action-group, action-menu, action-pad:** Add
component tokens
([#10058](#10058))
([de96c24](de96c24))
* **alert:** Add 'queue' property to prioritize the ordering of alerts
when opened
([#10029](#10029))
([3aa47a4](3aa47a4))
* **combobox-item:** Add `heading` property (deprecates `textLabel`) and
add `label` property
([#9987](#9987))
([90920a0](90920a0))
* **dialog:** Add CSS variables to offset the position
([#9904](#9904))
([660f0c5](660f0c5))
* **dialog:** Add escapeDisabled property
([#10081](#10081))
([1ca8fba](1ca8fba))
* **dialog:** Add outsideCloseDisabled property
([#9978](#9978))
([f1d89b9](f1d89b9))
* **dialog:** Add resizable and dragEnabled properties
([#9804](#9804))
([e3e499e](e3e499e))
* **icon:** Add component tokens
([#10062](#10062))
([34d5689](34d5689))
* **input-time-zone:** Display selected time zone country in region mode
selection
([#9988](#9988))
([1575729](1575729))
* **loader:** Add `determinate-value` type
([#9957](#9957))
([7f21726](7f21726))
* **panel:** Add '--calcite-panel-content-space' style
([#10117](#10117))
([0e3ebcb](0e3ebcb))
* **table:** Update multiple selection iconography
([#10125](#10125))
([f2b2016](f2b2016))
* **tooltip:** Allow focusing and clicking on interactive elements
within a tooltip
([#9914](#9914))
([a3c144c](a3c144c))


### Bug Fixes

* **accordion-item:** Align focus styles across browsers
([#9944](#9944))
([2e29b42](2e29b42))
* **alert:** Properly form a queue of alerts
([#10032](#10032))
([b24d6ac](b24d6ac))
* **color-picker:** Prevent text selection when using color
sliders/field
([#10043](#10043))
([ab33e4d](ab33e4d))
* **combobox, input-date-picker, input-number, input-text,
input-time-picker, input, radio-button-group, segmented-control, select,
text-area:** Use toAriaBoolean in aria-invalid attribute to provide
valid AT error messaging
([#10079](#10079))
([78bc096](78bc096))
* **combobox:** Update placeholder-icon color
([#9956](#9956))
([d916ca4](d916ca4))
* **dialog, flow-item:** Slotted closable panels should not close the
component
([#10130](#10130))
([ce2513d](ce2513d))
* **dialog:** Allow shell to be slotted inside
([#10118](#10118))
([ea3a6de](ea3a6de))
* **dialog:** Fix escapeDisabled when the escape key is pressed on the
panel
([#10097](#10097))
([9a5f1f1](9a5f1f1))
* Ensure `beforeOpen`/`open` and `beforeClose`/`close` events emit
properly
([#9958](#9958))
([7e2764f](7e2764f))
* **filter:** Fix setFocus method
([#10149](#10149))
([f4a959a](f4a959a))
* **input-date-picker:** Fix selection for the "bs" and "it-CH" locales
([#9976](#9976))
([368d9e2](368d9e2))
* **input-date-picker:** Prevent console error when using a lang
([#10162](#10162))
([e7bf604](e7bf604))
* **input-time-zone:** Translate region names
([#9940](#9940))
([f975adb](f975adb))
* **input, combobox, input-date-picker, input-number, input-text,
input-time-picker, radio-button-group, segmented-control, select,
text-area:** Provide clear field error messaging for AT
([#9880](#9880))
([46ad7d2](46ad7d2))
* **input, input-number, input-text:** No longer set focus when a
validation message is clicked
([#10008](#10008))
([529bb5a](529bb5a))
* **label:** Prevent focusing and toggling elements slotted within a
label when a text selection occurs
([#9990](#9990))
([49d6ae1](49d6ae1))
* **list-item:** Prevent scrolling when item is focused.
([#9948](#9948))
([eab1e06](eab1e06))
* **panel:** Define heading and description line height
([#10085](#10085))
([5478eb9](5478eb9))
* **slider:** Prevent text selection when using the slider
([#10073](#10073))
([04bf325](04bf325))
* **slider:** Resolve step & snap floating point precision
([#10148](#10148))
([613bc47](613bc47))
* **stepper-item:** Update component to take full width when parent's
layout is "vertical"
([#10009](#10009))
([03a5a30](03a5a30))
* **tree,tree-item:** Replace checkbox with div and a11y attributes
([#9849](#9849))
([b1ac951](b1ac951))


### Performance Improvements

* **input-time-zone:** Improve memory footprint by leveraging browser
cache and releasing utils after their use
([#9945](#9945))
([a3d2141](a3d2141))


### Reverts

* "build(deps): remove unused cheerio package
([#10049](#10049))"
([#10057](#10057))
([d271ab1](d271ab1))
* Add stories
([#10131](#10131))
([e3a6590](e3a6590))


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-ui-icons bumped from 3.31.0-next.4 to 3.31.0
</details>

<details><summary>@esri/calcite-components-angular: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.11.1...@esri/calcite-components-angular@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-angular:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

<details><summary>@esri/calcite-components-react: 2.12.0</summary>

##
[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.11.1...@esri/calcite-components-react@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-react:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

---
This PR was generated with [Release
Please](https://github.com/googleapis/release-please). See
[documentation](https://github.com/googleapis/release-please#release-please).

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
benelan added a commit that referenced this pull request Aug 28, 2024
🤖 I have created a release *beep* *boop*
---


<details><summary>@esri/calcite-ui-icons: 3.31.0</summary>

##

[3.31.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-ui-icons@3.30.0...@esri/calcite-ui-icons@3.31.0)
(2024-08-28)


### Features

* Add close-caption, transcript, flag, and flag-slash
([#10039](#10039))

([85c7d69](85c7d69))
* Add layer-connection
([#10067](#10067))

([46dd2ee](46dd2ee))


### Bug Fixes

* Update close-caption, and transcript
([#10077](#10077))

([2e86904](2e86904))
</details>

<details><summary>@esri/calcite-components: 2.12.0</summary>

##

[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@2.11.1...@esri/calcite-components@2.12.0)
(2024-08-28)


### Features

* **accordion, accordion-item:** Add component tokens
([#9861](#9861))

([48f7f08](48f7f08))
* **action, action-bar, action-group, action-menu, action-pad:** Add
component tokens
([#10058](#10058))

([de96c24](de96c24))
* **alert:** Add 'queue' property to prioritize the ordering of alerts
when opened
([#10029](#10029))

([3aa47a4](3aa47a4))
* **combobox-item:** Add `heading` property (deprecates `textLabel`) and
add `label` property
([#9987](#9987))

([90920a0](90920a0))
* **dialog:** Add CSS variables to offset the position
([#9904](#9904))

([660f0c5](660f0c5))
* **dialog:** Add escapeDisabled property
([#10081](#10081))

([1ca8fba](1ca8fba))
* **dialog:** Add outsideCloseDisabled property
([#9978](#9978))

([f1d89b9](f1d89b9))
* **dialog:** Add resizable and dragEnabled properties
([#9804](#9804))

([e3e499e](e3e499e))
* **icon:** Add component tokens
([#10062](#10062))

([34d5689](34d5689))
* **input-time-zone:** Display selected time zone country in region mode
selection
([#9988](#9988))

([1575729](1575729))
* **loader:** Add `determinate-value` type
([#9957](#9957))

([7f21726](7f21726))
* **panel:** Add '--calcite-panel-content-space' style
([#10117](#10117))

([0e3ebcb](0e3ebcb))
* **table:** Update multiple selection iconography
([#10125](#10125))

([f2b2016](f2b2016))
* **tooltip:** Allow focusing and clicking on interactive elements
within a tooltip
([#9914](#9914))

([a3c144c](a3c144c))


### Bug Fixes

* **accordion-item:** Align focus styles across browsers
([#9944](#9944))

([2e29b42](2e29b42))
* **alert:** Properly form a queue of alerts
([#10032](#10032))

([b24d6ac](b24d6ac))
* **color-picker:** Prevent text selection when using color
sliders/field
([#10043](#10043))

([ab33e4d](ab33e4d))
* **combobox, input-date-picker, input-number, input-text,
input-time-picker, input, radio-button-group, segmented-control, select,
text-area:** Use toAriaBoolean in aria-invalid attribute to provide
valid AT error messaging
([#10079](#10079))

([78bc096](78bc096))
* **combobox:** Update placeholder-icon color
([#9956](#9956))

([d916ca4](d916ca4))
* **dialog, flow-item:** Slotted closable panels should not close the
component
([#10130](#10130))

([ce2513d](ce2513d))
* **dialog:** Allow shell to be slotted inside
([#10118](#10118))

([ea3a6de](ea3a6de))
* **dialog:** Fix escapeDisabled when the escape key is pressed on the
panel
([#10097](#10097))

([9a5f1f1](9a5f1f1))
* Ensure `beforeOpen`/`open` and `beforeClose`/`close` events emit
properly
([#9958](#9958))

([7e2764f](7e2764f))
* **filter:** Fix setFocus method
([#10149](#10149))

([f4a959a](f4a959a))
* **input-date-picker:** Fix selection for the "bs" and "it-CH" locales
([#9976](#9976))

([368d9e2](368d9e2))
* **input-date-picker:** Prevent console error when using a lang
([#10162](#10162))

([e7bf604](e7bf604))
* **input-time-zone:** Translate region names
([#9940](#9940))

([f975adb](f975adb))
* **input, combobox, input-date-picker, input-number, input-text,
input-time-picker, radio-button-group, segmented-control, select,
text-area:** Provide clear field error messaging for AT
([#9880](#9880))

([46ad7d2](46ad7d2))
* **input, input-number, input-text:** No longer set focus when a
validation message is clicked
([#10008](#10008))

([529bb5a](529bb5a))
* **label:** Prevent focusing and toggling elements slotted within a
label when a text selection occurs
([#9990](#9990))

([49d6ae1](49d6ae1))
* **list-item:** Prevent scrolling when item is focused.
([#9948](#9948))

([eab1e06](eab1e06))
* **panel:** Define heading and description line height
([#10085](#10085))

([5478eb9](5478eb9))
* **slider:** Prevent text selection when using the slider
([#10073](#10073))

([04bf325](04bf325))
* **slider:** Resolve step & snap floating point precision
([#10148](#10148))

([613bc47](613bc47))
* **stepper-item:** Update component to take full width when parent's
layout is "vertical"
([#10009](#10009))

([03a5a30](03a5a30))
* **tree,tree-item:** Replace checkbox with div and a11y attributes
([#9849](#9849))

([b1ac951](b1ac951))


### Performance Improvements

* **input-time-zone:** Improve memory footprint by leveraging browser
cache and releasing utils after their use
([#9945](#9945))

([a3d2141](a3d2141))


### Reverts

* "build(deps): remove unused cheerio package
([#10049](#10049))"
([#10057](#10057))

([d271ab1](d271ab1))
* Add stories
([#10131](#10131))

([e3a6590](e3a6590))


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-ui-icons bumped from 3.31.0-next.4 to 3.31.0
</details>

<details><summary>@esri/calcite-components-angular: 2.12.0</summary>

##

[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-angular@2.11.1...@esri/calcite-components-angular@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-angular:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

<details><summary>@esri/calcite-components-react: 2.12.0</summary>

##

[2.12.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@2.11.1...@esri/calcite-components-react@2.12.0)
(2024-08-28)


### Miscellaneous Chores

* **@esri/calcite-components-react:** Synchronize components versions


### Dependencies

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 2.12.0-next.34 to 2.12.0
</details>

---
This PR was generated with [Release
Please](https://github.com/googleapis/release-please). See

[documentation](https://github.com/googleapis/release-please#release-please).

---------

Co-authored-by: github-actions[bot]
<github-actions[bot]@users.noreply.github.com>

**Related Issue:** #

## Summary

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Issues tied to a new feature or request. pr ready for visual snapshots Adding this label will run visual snapshot testing. Stale Issues or pull requests that have not had recent activity.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants