adobe / adobe/spectrum-web-components
[Bug]: CCJK: do not use italic font-style
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 262
- Avg merge
- 3d 10h
- Merged PRs (30d)
- 68
Description
### Code of conduct
- [X] I agree to follow this project's code of conduct.
### Impacted component(s)
status-light, spectrum-heading
### Expected behavior
CCJK does not use italic font style.
### Actual behavior
```
--spectrum-heading-sans-serif-light-strong-emphasized-font-style: var(
--spectrum-italic-font-style
);
spectrum-status-light.css,
:host([variant='neutral']) {
color: var(
--highcontrast-statuslight-subdued-content-color-default,
var(
--mod-statuslight-subdued-content-color-default,
var(--spectrum-statuslight-subdued-content-color-default)
)
);
**font-style: italic;**
}
.spectrum-Heading--light strong em {
font-style: var(
--mod-heading-sans-serif-light-strong-emphasized-font-style,
var(**--spectrum-heading-sans-serif-light-strong-emphasized-font-style**)
);
```
### Screenshots
_No response_
### What browsers are you seeing the problem in?
_No response_
### How can we reproduce this issue?
1. Go to '...'
2. Click on '....'
3. Scroll to '....'
4. Check console
5. See error
### Sample code or abstract reproduction which illustrates the problem
_No response_
### Severity
None
### Logs taken while reproducing problem
_No response_
Contributor guide
Research direction
Start by locating the status-light styles and spectrum-heading font-style declarations shown in the issue, then compare their CCJK output with the expected behavior. Confirm the affected declarations no longer apply italic styling to CCJK, and verify the generated component styles in the relevant browser or component examples.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100