Skip to content

Commit

Permalink
chore: update css dependencies to latest
Browse files Browse the repository at this point in the history
  • Loading branch information
@TarunAdobe
TarunAdobe committed Dec 5, 2024
1 parent 33eabd1 commit d3440b8
Show file tree
Hide file tree
Showing 124 changed files with 4,219 additions and 5,041 deletions.
2 changes: 1 addition & 1 deletion packages/accordion/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
"@spectrum-web-components/shared": "^1.0.1"
},
"devDependencies": {
"@spectrum-css/accordion": "^6.0.0-s2-foundations.16"
"@spectrum-css/accordion": "^6.0.0-s2-foundations.17"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
Expand Down
4 changes: 1 addition & 3 deletions packages/accordion/src/AccordionItem.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,6 @@ import { Focusable } from '@spectrum-web-components/shared/src/focusable.js';
import { when } from '@spectrum-web-components/base/src/directives.js';
import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js';
import chevronIconStyles from '@spectrum-web-components/icon/src/spectrum-icon-chevron.css.js';
import chevronIconOverrides from '@spectrum-web-components/icon/src/icon-chevron-overrides.css.js';

import styles from './accordion-item.css.js';

const chevronIcon: Record<string, () => TemplateResult> = {
Expand Down Expand Up @@ -70,7 +68,7 @@ export class AccordionItem extends SizedMixin(Focusable, {
noDefaultSize: true,
}) {
public static override get styles(): CSSResultArray {
return [styles, chevronIconStyles, chevronIconOverrides];
return [styles, chevronIconStyles];
}

@property({ type: Boolean, reflect: true })
Expand Down
324 changes: 0 additions & 324 deletions packages/accordion/src/accordion-overrides.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,329 +12,5 @@

/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
:host {
--spectrum-accordion-item-width: var(--system-accordion-item-width);
--spectrum-accordion-disclosure-indicator-to-text-space: var(
--system-accordion-disclosure-indicator-to-text-space
);
--spectrum-accordion-edge-to-disclosure-indicator-space: var(
--system-accordion-edge-to-disclosure-indicator-space
);
--spectrum-accordion-edge-to-text-space: var(
--system-accordion-edge-to-text-space
);
--spectrum-accordion-focus-indicator-gap: var(
--system-accordion-focus-indicator-gap
);
--spectrum-accordion-focus-indicator-thickness: var(
--system-accordion-focus-indicator-thickness
);
--spectrum-accordion-corner-radius: var(--system-accordion-corner-radius);
--spectrum-accordion-item-content-area-top-to-content: var(
--system-accordion-item-content-area-top-to-content
);
--spectrum-accordion-item-content-area-bottom-to-content: var(
--system-accordion-item-content-area-bottom-to-content
);
--spectrum-accordion-item-header-font: var(
--system-accordion-item-header-font
);
--spectrum-accordion-item-header-font-weight: var(
--system-accordion-item-header-font-weight
);
--spectrum-accordion-item-header-font-style: var(
--system-accordion-item-header-font-style
);
--spectrum-accordion-item-header-line-height: var(
--system-accordion-item-header-line-height
);
--spectrum-accordion-item-content-font: var(
--system-accordion-item-content-font
);
--spectrum-accordion-item-content-font-weight: var(
--system-accordion-item-content-font-weight
);
--spectrum-accordion-item-content-font-style: var(
--system-accordion-item-content-font-style
);
--spectrum-accordion-item-content-line-height: var(
--system-accordion-item-content-line-height
);
--spectrum-accordion-background-color-default: var(
--system-accordion-background-color-default
);
--spectrum-accordion-background-color-hover: var(
--system-accordion-background-color-hover
);
--spectrum-accordion-background-color-down: var(
--system-accordion-background-color-down
);
--spectrum-accordion-background-color-key-focus: var(
--system-accordion-background-color-key-focus
);
--spectrum-accordion-item-header-color-default: var(
--system-accordion-item-header-color-default
);
--spectrum-accordion-item-header-color-hover: var(
--system-accordion-item-header-color-hover
);
--spectrum-accordion-item-header-color-down: var(
--system-accordion-item-header-color-down
);
--spectrum-accordion-item-header-color-key-focus: var(
--system-accordion-item-header-color-key-focus
);
--spectrum-accordion-item-header-disabled-color: var(
--system-accordion-item-header-disabled-color
);
--spectrum-accordion-item-content-disabled-color: var(
--system-accordion-item-content-disabled-color
);
--spectrum-accordion-item-content-color: var(
--system-accordion-item-content-color
);
--spectrum-accordion-focus-indicator-color: var(
--system-accordion-focus-indicator-color
);
--spectrum-accordion-divider-color: var(--system-accordion-divider-color);
--spectrum-accordion-item-header-line-height-cjk: var(
--system-accordion-item-header-line-height-cjk
);
--spectrum-accordion-item-content-line-height-cjk: var(
--system-accordion-item-content-line-height-cjk
);
--spectrum-accordion-item-height: var(--system-accordion-item-height);
--spectrum-accordion-disclosure-indicator-height: var(
--system-accordion-disclosure-indicator-height
);
--spectrum-accordion-component-edge-to-text: var(
--system-accordion-component-edge-to-text
);
--spectrum-accordion-item-header-font-size: var(
--system-accordion-item-header-font-size
);
--spectrum-accordion-item-content-font-size: var(
--system-accordion-item-content-font-size
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-item-header-bottom-to-text-space
);
}

:host([size='s']) {
--spectrum-accordion-item-height: var(
--system-accordion-size-s-item-height
);
--spectrum-accordion-disclosure-indicator-height: var(
--system-accordion-size-s-disclosure-indicator-height
);
--spectrum-accordion-component-edge-to-text: var(
--system-accordion-size-s-component-edge-to-text
);
--spectrum-accordion-item-header-font-size: var(
--system-accordion-size-s-item-header-font-size
);
--spectrum-accordion-item-content-font-size: var(
--system-accordion-size-s-item-content-font-size
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-size-s-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-size-s-item-header-bottom-to-text-space
);
}

.spectrum-Accordion--sizeM {
--spectrum-accordion-item-height: var(
--system-accordion-size-m-item-height
);
--spectrum-accordion-disclosure-indicator-height: var(
--system-accordion-size-m-disclosure-indicator-height
);
--spectrum-accordion-component-edge-to-text: var(
--system-accordion-size-m-component-edge-to-text
);
--spectrum-accordion-item-header-font-size: var(
--system-accordion-size-m-item-header-font-size
);
--spectrum-accordion-item-content-font-size: var(
--system-accordion-size-m-item-content-font-size
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-size-m-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-size-m-item-header-bottom-to-text-space
);
}

:host([size='l']) {
--spectrum-accordion-item-height: var(
--system-accordion-size-l-item-height
);
--spectrum-accordion-disclosure-indicator-height: var(
--system-accordion-size-l-disclosure-indicator-height
);
--spectrum-accordion-component-edge-to-text: var(
--system-accordion-size-l-component-edge-to-text
);
--spectrum-accordion-item-header-font-size: var(
--system-accordion-size-l-item-header-font-size
);
--spectrum-accordion-item-content-font-size: var(
--system-accordion-size-l-item-content-font-size
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-size-l-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-size-l-item-header-bottom-to-text-space
);
}

:host([size='xl']) {
--spectrum-accordion-item-height: var(
--system-accordion-size-xl-item-height
);
--spectrum-accordion-disclosure-indicator-height: var(
--system-accordion-size-xl-disclosure-indicator-height
);
--spectrum-accordion-component-edge-to-text: var(
--system-accordion-size-xl-component-edge-to-text
);
--spectrum-accordion-item-header-font-size: var(
--system-accordion-size-xl-item-header-font-size
);
--spectrum-accordion-item-content-font-size: var(
--system-accordion-size-xl-item-content-font-size
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-size-xl-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-size-xl-item-header-bottom-to-text-space
);
}

:host([density='compact'][size='s']) {
--spectrum-accordion-item-height: var(
--system-accordion-compact-size-s-item-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-compact-size-s-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-compact-size-s-item-header-bottom-to-text-space
);
}

:host([density='compact']) {
--spectrum-accordion-item-height: var(
--system-accordion-compact-item-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-compact-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-compact-item-header-bottom-to-text-space
);
}

:host([density='compact']) .spectrum-Accordion--sizeM {
--spectrum-accordion-item-height: var(
--system-accordion-compact-size-m-item-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-compact-size-m-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-compact-size-m-item-header-bottom-to-text-space
);
}

:host([density='compact'][size='l']) {
--spectrum-accordion-item-height: var(
--system-accordion-compact-size-l-item-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-compact-size-l-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-compact-size-l-item-header-bottom-to-text-space
);
}

:host([density='compact'][size='xl']) {
--spectrum-accordion-item-height: var(
--system-accordion-compact-size-xl-item-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-compact-size-xl-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-compact-size-xl-item-header-bottom-to-text-space
);
}

:host([density='spacious'][size='s']) {
--spectrum-accordion-item-header-line-height: var(
--system-accordion-spacious-size-s-item-header-line-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-spacious-size-s-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-spacious-size-s-item-header-bottom-to-text-space
);
}

:host([density='spacious']) {
--spectrum-accordion-item-header-line-height: var(
--system-accordion-spacious-item-header-line-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-spacious-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-spacious-item-header-bottom-to-text-space
);
}

:host([density='spacious']) .spectrum-Accordion--sizeM {
--spectrum-accordion-item-header-line-height: var(
--system-accordion-spacious-size-m-item-header-line-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-spacious-size-m-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-spacious-size-m-item-header-bottom-to-text-space
);
}

:host([density='spacious'][size='l']) {
--spectrum-accordion-item-header-line-height: var(
--system-accordion-spacious-size-l-item-header-line-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-spacious-size-l-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-spacious-size-l-item-header-bottom-to-text-space
);
}

:host([density='spacious'][size='xl']) {
--spectrum-accordion-item-header-line-height: var(
--system-accordion-spacious-size-xl-item-header-line-height
);
--spectrum-accordion-item-header-top-to-text-space: var(
--system-accordion-spacious-size-xl-item-header-top-to-text-space
);
--spectrum-accordion-item-header-bottom-to-text-space: var(
--system-accordion-spacious-size-xl-item-header-bottom-to-text-space
);
}
18 changes: 9 additions & 9 deletions packages/accordion/src/spectrum-accordion-item.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -315,6 +315,15 @@ governing permissions and limitations under the License.
);
}

@media (forced-colors: active) {
#header:after {
forced-color-adjust: none;
content: '';
position: absolute;
inset-inline-start: 0;
}
}

:host([open]) > #heading > .iconContainer > .indicator,
:host([open]) > .iconContainer > .indicator {
transform: rotate(90deg);
Expand All @@ -328,12 +337,3 @@ governing permissions and limitations under the License.
:host([disabled]) #header {
cursor: default;
}

@media (forced-colors: active) {
#header:after {
forced-color-adjust: none;
content: '';
position: absolute;
inset-inline-start: 0;
}
}
Loading

0 comments on commit d3440b8

Please sign in to comment.