[mercury][accordion][tests] Update bundles tests

Author: bsastregx

packages/mercury/src/tests/bundles/expected-bundle-content/all.json

@@ -1,24 +1,24 @@
 [
-  ".accordion-filled, .accordion-filled-header, .accordion-outlined { --ch-accordion__header-image-size: var(--icon-box-md); --ch-accordion__header-background-image-size: var(--icon-size-sm); --ch-accordion__chevron-size: var(--icon-box-sm); --ch-accordion-expand-collapse-duration: var(--timing-fast); --ch-accordion-expand-collapse-timing-function: ease-in-out; --spacing-body-block-start: var(--size-12); --spacing-body-block-end: var(--size-12); --spacing-body-inline-start: var(--size-12); --spacing-body-inline-end: var(--size-12); --accordion-border-radius: var(--size-4); --accordion-panel-border-color: transparent; --accordion-panel-bg-color: transparent; --accordion-header-outline-color: transparent; --accordion-header-border-radius: var(--accordion-border-radius); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-surface--enabled ); gap: var(--size-12); background-color: rgba(0, 0, 0, 0) !important; }",
-  ".accordion-filled-header::part(header disabled) { --accordion-header-bg-color: var(--color-accent-neutral-disabled); --accordion-header-color: var(--color-text-neutral-on-disabled); }",
-  ".accordion-filled-header::part(header) { --accordion-header-bg-color: var( --elevation-background-color, var(--color-accent-surface-elevation-01) ); background-color: var(--accordion-header-bg-color); }",
+  ".accordion-filled, .accordion-filled-header, .accordion-outlined { --ch-accordion__header-image-size: var(--icon-box-md); --ch-accordion__header-background-image-size: var(--icon-size-sm); --ch-accordion__chevron-size: var(--icon-box-sm); --ch-accordion-expand-collapse-duration: var(--timing-fast); --ch-accordion-expand-collapse-timing-function: ease-in-out; --spacing-body-block-start: var(--size-12); --spacing-body-block-end: var(--size-12); --spacing-body-inline-start: var(--size-8); --spacing-body-inline-end: var(--size-8); --accordion-border-radius: var(--size-4); --accordion-panel-border-color: transparent; --accordion-panel-bg-color: transparent; --accordion-header-outline-color: transparent; --accordion-header-border-radius: var(--accordion-border-radius); gap: var(--size-12); background-color: rgba(0, 0, 0, 0) !important; }",
+  ".accordion-filled-header::part(header disabled) { --accordion-bg-color: var(--color-accent-neutral-disabled); --accordion-header-color: var(--color-text-neutral-on-disabled); }",
+  ".accordion-filled-header::part(header) { --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-interactive--enabled ); --accordion-bg-color: var( --elevation-background-color, var(--color-accent-surface-elevation-01) ); background-color: var(--accordion-bg-color); }",
   ".accordion-filled-header::part(panel) { background-color: var(--accordion-panel-bg-color); --accordion-panel-bg-color: transparent; --panel-border-color: transparent; }",
-  ".accordion-filled::part(header disabled) { --accordion-header-color: var(--color-text-neutral-on-disabled); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-disabled--enabled ); }",
+  ".accordion-filled::part(header disabled) { --accordion-header-color: var(--color-text-neutral-on-disabled); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-interactive--disabled ); }",
   ".accordion-filled::part(header expanded), .accordion-filled-header::part(header expanded), .accordion-outlined::part(header expanded) { --accordion-header-border-radius: var(--accordion-border-radius) var(--accordion-border-radius) 0 0; }",
   ".accordion-filled::part(header), .accordion-filled-header::part(header), .accordion-outlined::part(header) { background-color: var(--accordion-bg-color); color: var(--accordion-header-color); border-radius: var(--accordion-header-border-radius); gap: var(--size-8); padding: var(--size-12) var(--size-8); transition: border-radius var(--ch-accordion-expand-collapse-duration); --accordion-header-color: var( --elevation-color, --color-text-neutral-default ); }",
   ".accordion-filled::part(header), .accordion-filled-header::part(header), .accordion-outlined::part(header) { font-family: var(--font-family-header); }",
   ".accordion-filled::part(header), .accordion-filled-header::part(header), .accordion-outlined::part(header) { font-size: var(--font-size-subtitle-xs); line-height: round(1em*var(--line-height-tight),1px); }",
   ".accordion-filled::part(header), .accordion-filled-header::part(header), .accordion-outlined::part(header) { font-weight: var(--font-style-semi-bold); }",
-  ".accordion-filled::part(header):active, .accordion-filled-header::part(header):active { --accordion-bg-color: var(--color-accent-item-active); --accordion-header-color: var(--color-text-primary-on-pressed); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-surface--active ); }",
+  ".accordion-filled::part(header):active, .accordion-filled-header::part(header):active { --accordion-bg-color: var(--color-accent-item-active); --accordion-header-color: var(--color-text-primary-on-pressed); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-interactive--active ); }",
   ".accordion-filled::part(header):focus-visible, .accordion-filled-header::part(header):focus-visible, .accordion-outlined::part(header):focus-visible { outline: var(--focus-outline-width) solid var(--color-border-primary-focused); outline-offset: calc(var(--size-2)*-1); }",
-  ".accordion-filled::part(header):hover, .accordion-filled-header::part(header):hover { --accordion-bg-color: var(--color-accent-item-hover); --accordion-header-color: var(--color-text-primary-on-hover); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-surface--hover ); }",
+  ".accordion-filled::part(header):hover, .accordion-filled-header::part(header):hover { --accordion-bg-color: var(--color-accent-item-hover); --accordion-header-color: var(--color-text-primary-on-hover); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-interactive--hover ); }",
   ".accordion-filled::part(panel disabled), .accordion-filled-header::part(panel disabled) { --accordion-panel-bg-color: var(--color-accent-neutral-disabled); }",
   ".accordion-filled::part(panel) { background-color: var(--accordion-panel-bg-color); --accordion-panel-bg-color: var( --elevation-background-color, var(--color-accent-surface-elevation-01) ); --panel-border-color: var(--accordion-panel-bg-color); }",
   ".accordion-filled::part(panel), .accordion-filled-header::part(panel), .accordion-outlined::part(panel) { border-radius: var(--accordion-border-radius); }",
-  ".accordion-outlined::part(header disabled) { --accordion-header-color: var(--color-text-neutral-disabled); }",
-  ".accordion-outlined::part(header) { --accordion-header-outline-color: transparent; --accordion-header-outline-width: var(--size-1); outline: var(--size-1) solid var(--accordion-header-outline-color); }",
-  ".accordion-outlined::part(header):active { --accordion-header-outline-color: var(--color-border-item-active); --accordion-header-color: var(--color-text-primary-pressed); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-surface--active ); }",
-  ".accordion-outlined::part(header):hover { --accordion-header-outline-color: var(--color-border-item-hover); --accordion-header-color: var(--color-text-primary-hover); --ch-accordion__header-background-image: var( --icon__system_chevron-down_on-surface--hover ); }",
+  ".accordion-outlined::part(header disabled) { --accordion-header-color: var(--color-text-neutral-disabled); --ch-accordion__header-background-image: var( --icon__system_chevron-down_interactive--disabled ); }",
+  ".accordion-outlined::part(header) { --ch-accordion__header-background-image: var( --icon__system_chevron-down_interactive--enabled ); --accordion-header-outline-color: var(--panel-border-color); --accordion-header-outline-width: var(--size-1); outline: var(--size-1) solid var(--accordion-header-outline-color); }",
+  ".accordion-outlined::part(header):active { --accordion-header-outline-color: var(--color-border-item-active); --accordion-header-color: var(--color-text-primary-pressed); --ch-accordion__header-background-image: var( --icon__system_chevron-down_interactive--active ); }",
+  ".accordion-outlined::part(header):hover { --accordion-header-outline-color: var(--color-border-primary-hover); --accordion-header-color: var(--color-text-primary-hover); --ch-accordion__header-background-image: var( --icon__system_chevron-down_interactive--hover ); }",
   ".accordion-outlined::part(panel disabled) { --panel-border-color: var(--color-border-neutral-disabled); }",
   ".accordion-outlined::part(panel) { --panel-border-color: transparent; border: var(--size-1) solid var(--panel-border-color); }",
   ".accordion-outlined::part(panel) { --panel-border-color: var( --elevation-border-color, var(--color-border-neutral-default) ); }",