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(icon): add component tokens #10062

Merged
merged 5 commits into from
Aug 27, 2024
Merged

feat(icon): add component tokens #10062

merged 5 commits into from
Aug 27, 2024

Conversation

alisonailea
Copy link
Contributor

@alisonailea alisonailea commented Aug 14, 2024

Related Issue: #7180, #8549

Summary

Adds component tokens for Calcite Icon

--calcite-icon-color: Specifies the component's color. Defaults to currentColor

Deprecates
--calcite-ui-icon-color

@alisonailea alisonailea requested a review from jcfranco August 14, 2024 01:39
@github-actions github-actions bot added the enhancement Issues tied to a new feature or request. label Aug 14, 2024
@alisonailea alisonailea requested a review from a team August 14, 2024 01:39
@alisonailea alisonailea added the pr ready for visual snapshots Adding this label will run visual snapshot testing. label Aug 14, 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.

🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙
🤙🏄‍♂️🏄‍♂️🏄‍♂️🏄‍♂️🤙🏄‍♂️🤙🤙🤙🤙🤙🏄‍♂️🤙🏄‍♂️🏄‍♂️🏄‍♂️🏄‍♂️🤙🤙🏄‍♂️🏄‍♂️🏄‍♂️🤙🤙🏄‍♂️🏄‍♂️🤙🤙🏄‍♂️🤙🤙🤙🏄‍♂️🤙🏄‍♂️🏄‍♂️🏄‍♂️🏄‍♂️🤙🏄‍♂️🤙
🤙🏄‍♂️🤙🤙🏄‍♂️🤙🏄‍♂️🤙🤙🤙🤙🤙🏄‍♂️🤙🏄‍♂️🤙🤙🤙🤙🏄‍♂️🤙🤙🤙🤙🏄‍♂️🤙🤙🏄‍♂️🤙🏄‍♂️🏄‍♂️🤙🏄‍♂️🏄‍♂️🤙🏄‍♂️🤙🤙🤙🤙🏄‍♂️🤙
🤙🏄‍♂️🏄‍♂️🏄‍♂️🏄‍♂️🤙🏄‍♂️🤙🤙🏄‍♂️🤙🤙🏄‍♂️🤙🏄‍♂️🏄‍♂️🏄‍♂️🤙🤙🤙🏄‍♂️🏄‍♂️🤙🤙🏄‍♂️🤙🤙🏄‍♂️🤙🏄‍♂️🤙🏄‍♂️🤙🏄‍♂️🤙🏄‍♂️🏄‍♂️🏄‍♂️🤙🤙🏄‍♂️🤙
🤙🏄‍♂️🤙🤙🏄‍♂️🤙🏄‍♂️🤙🏄‍♂️🤙🏄‍♂️🤙🏄‍♂️🤙🏄‍♂️🤙🤙🤙🤙🤙🤙🤙🏄‍♂️🤙🏄‍♂️🤙🤙🏄‍♂️🤙🏄‍♂️🤙🤙🤙🏄‍♂️🤙🏄‍♂️🤙🤙🤙🤙🤙🤙
🤙🏄‍♂️🤙🤙🏄‍♂️🤙🤙🏄‍♂️🤙🤙🤙🏄‍♂️🤙🤙🏄‍♂️🏄‍♂️🏄‍♂️🏄‍♂️🤙🏄‍♂️🏄‍♂️🏄‍♂️🤙🤙🤙🏄‍♂️🏄‍♂️🤙🤙🏄‍♂️🤙🤙🤙🏄‍♂️🤙🏄‍♂️🏄‍♂️🏄‍♂️🏄‍♂️🤙🏄‍♂️🤙
🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙🤙

Copy link
Contributor Author

@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.

Waiting for feedback from design on some chromatic tests

# Conflicts:
#	packages/calcite-components/src/custom-theme.stories.ts
@alisonailea alisonailea added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Aug 26, 2024
…openPR/7180-icon

# Conflicts:
#	packages/calcite-components/src/custom-theme.stories.ts
@alisonailea alisonailea added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Aug 26, 2024
@alisonailea alisonailea merged commit 34d5689 into dev Aug 27, 2024
18 of 19 checks passed
@alisonailea alisonailea deleted the astump/7180-icon branch August 27, 2024 14:24
@github-actions github-actions bot added this to the 2024-08-27 - Aug Release milestone Aug 27, 2024
benelan added a commit that referenced this pull request Aug 27, 2024
…oating-point-issue

* origin/dev:
  chore: release next
  feat(icon): add component tokens (#10062)
  refactor: fix `FunctionalComponent` return types (#10164)
  chore: release next
  fix(input-date-picker): prevent console error when using a lang (#10162)
  feat(action, action-bar, action-group, action-menu, action-pad): add component tokens (#10058)
  refactor(stylelint): refactor to and enforce kebab-casing for Sass utilities (#10147)
  chore: release next
  test(popover): unskip focusable test (#10138)
  fix(filter): fix setFocus method (#10149)
@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>
alisonailea added a commit that referenced this pull request Aug 28, 2024
**Related Issue:** #7180 

## Summary
Removes some extraneous background color tokens and merges color and
icon tokens to align with the design pattern. This also resolves an icon
issue discovered in
#10062

### Tokens

--calcite-card-accent-color-selected: Specifies the accent color of the
component when `selected`.
--calcite-card-background-color: Specifies the background color of the
component.
--calcite-card-border-color: Specifies the border color of the
component.
--calcite-card-corner-radius: Specifies the corner radius of the
component.
--calcite-card-selection-background-color-hover: Specifies the
background color of the component's selection element when hovered.
--calcite-card-selection-background-color-press: Specifies the
background color of the component's selection element when active.
--calcite-card-selection-color-hover: Specifies the color of the
component's selection element when hovered or focused.
--calcite-card-selection-color: Specifies the color of the component's
selection element.
--calcite-card-shadow: Specifies the shadow of the component.

#### Deprecated

--calcite-card-selection-background-color-active: Use
--calcite-card-selection-background-color-press. Specifies the
background color of the component's selection element when active.
--calcite-card-selection-background-color-selected: Use
--calcite-card-background-color. Specifies the icon color of the
component's selection element when `selected`.
--calcite-card-selection-background-color: Use
--calcite-card-background-color. Specifies the background color of the
component's selection element.
--calcite-card-selection-icon-color-hover: Use
--calcite-card-selection-color-hover. Specifies the icon color of the
component's selection element when hovered.
--calcite-card-selection-icon-color-selected: Use
--calcite-card-accent-color-selected. Specifies the icon color of the
component's selection element when `selected`.
--calcite-card-selection-icon-color: Use --calcite-card-selection-color.
Specifies the icon color of the component's selection element.
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.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants