Skip to content

Add/Update body type classes and CJK fonts #282

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.

Sign up for GitHub

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

Merged
rmenner merged 11 commits into from
May 1, 2026
Merged

Add/Update body type classes and CJK fonts #282

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
a5ee817
perf: update values in header classes #269
jordanjones243 Oct 27, 2025
a3c4d65
perf: remove letter-spacing from hawaiian accents #269
jordanjones243 Oct 27, 2025
0e4c4d7
feat: add new body-emphasized classes #269
jordanjones243 Oct 28, 2025
c5079b3
perf: ensure figma and type structure align after 8.18 ADT release #269
jordanjones243 Apr 29, 2026
49543c5
build: update design token package reference in postinstall
jordanjones243 Apr 29, 2026
0bb1db4
feat: add 500 med font-face for CJK fonts #272
jordanjones243 Apr 30, 2026
2fc1961
refactor: simplify fluid type and accent mixins by removing theme-nam…
jordanjones243 Apr 30, 2026
4acedd7
refactor: replace inferred letter-spacing flag with explicit theme pa…
chrisfalaska Apr 30, 2026
7359cd4
refactor: emit letter-spacing CSS var unconditionally in fluid-type
chrisfalaska Apr 30, 2026
13d00b1
refactor: rename generate-theme-type-classes flag to clarify accent s…
chrisfalaska Apr 30, 2026
43eab37
refactor: optimize function to remove duplication
jordanjones243 May 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions docs/index.html
View file
Open in desktop

Large diffs are not rendered by default.

26 changes: 13 additions & 13 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"sass": "^1.42.1"
},
"dependencies": {
"@aurodesignsystem/design-tokens": "8.5.0",
"@aurodesignsystem/design-tokens": "^8.18.0",
"chalk": "^5.4.1"
},
"devDependencies": {
Expand Down
2 changes: 1 addition & 1 deletion packageScripts/postinstall.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ chalk.hex('#f26135')(`
Thanks for installing the latest version
of `) + chalk.hex('#ffd200').bold(`WC Stylesheets v${pjson.version}.`) + chalk.hex('#f26135')(`

Requires Design Tokens ${pjson.peerDependencies["@aurodesignsystem/design-tokens"]}
Requires Design Tokens ${pjson.dependencies["@aurodesignsystem/design-tokens"]}
npm i @aurodesignsystem/design-tokens@latest

╰─────────────────────────────── ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─╯
Expand Down
41 changes: 35 additions & 6 deletions src/config/alaska-classic/type/body.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,28 +2,57 @@
$alaska-classic-type-body-config: (
'family': v.$ds-basic-type-family-body,
'familyFallback': v.$ds-basic-type-family-body-fallback,
'weight': v.$ds-basic-type-weight-body,
'letter-spacing': v.$ds-basic-type-letter-spacing-body,
'sizes': (
'default': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-basic-type-weight-body
),
'default-emphasized': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-basic-type-weight-body2
),
'lg': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-basic-type-weight-body
),
'lg-emphasized': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-basic-type-weight-body2
),
'sm': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-basic-type-weight-body
),
'sm-emphasized': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-basic-type-weight-body2
),
'xs': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-basic-type-weight-body
),
'xs-emphasized': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-basic-type-weight-body2
),
'2xs': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-basic-type-weight-body
),
'2xs-emphasized': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-basic-type-weight-body2
)
)
);
41 changes: 35 additions & 6 deletions src/config/alaska/type/body.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,28 +2,57 @@
$alaska-type-body-config: (
'family': v.$ds-basic-type-family-body,
'familyFallback': v.$ds-basic-type-family-body-fallback,
'weight': v.$ds-basic-type-weight-body,
'letter-spacing': v.$ds-basic-type-letter-spacing-body,
'sizes': (
'default': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-basic-type-weight-body
),
'default-emphasized': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-type-weight-medium
),
'lg': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-basic-type-weight-body
),
'lg-emphasized': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-type-weight-medium
),
'sm': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-basic-type-weight-body
),
'sm-emphasized': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-type-weight-medium
),
'xs': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-basic-type-weight-body
),
'xs-emphasized': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-type-weight-medium
),
'2xs': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-basic-type-weight-body
),
'2xs-emphasized': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-type-weight-medium
)
)
);
4 changes: 2 additions & 2 deletions src/config/alaska/type/heading.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,15 +43,15 @@ $alaska-type-heading-config: (
'max': v.$ds-type-size-20,
'preferred': v.$ds-type-size-20
),
'weight': v.$ds-basic-type-weight-heading2
'weight': v.$ds-basic-type-weight-heading
),
'2xs': (
'font-size': (
'min': v.$ds-type-size-18,
'max': v.$ds-type-size-18,
'preferred': v.$ds-type-size-18
),
'weight': v.$ds-basic-type-weight-heading2
'weight': v.$ds-basic-type-weight-heading
)
)
);
41 changes: 35 additions & 6 deletions src/config/auro-1/type/body.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,28 +2,57 @@
$auro-1-type-body-config: (
'family': v.$ds-basic-type-family-body,
'familyFallback': v.$ds-basic-type-family-body-fallback,
'weight': v.$ds-basic-type-weight-body,
'letter-spacing': v.$ds-basic-type-letter-spacing-body,
'sizes': (
'default': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-basic-type-weight-body
),
'default-emphasized': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-type-weight-medium
),
'lg': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-basic-type-weight-body
),
'lg-emphasized': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-type-weight-medium
),
'sm': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-basic-type-weight-body
),
'sm-emphasized': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-type-weight-medium
),
'xs': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-basic-type-weight-body
),
'xs-emphasized': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-type-weight-medium
),
'2xs': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-basic-type-weight-body
),
'2xs-emphasized': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-type-weight-medium
)
)
);
41 changes: 35 additions & 6 deletions src/config/auro-2/type/body.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,28 +2,57 @@
$auro-2-type-body-config: (
'family': v.$ds-basic-type-family-body,
'familyFallback': v.$ds-basic-type-family-body-fallback,
'weight': v.$ds-basic-type-weight-body,
'letter-spacing': v.$ds-basic-type-letter-spacing-body,
'sizes': (
'default': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-basic-type-weight-body
),
'default-emphasized': (
'font-size': v.$ds-type-size-16,
'line-height': v.$ds-basic-type-line-height-body2,
'weight': v.$ds-type-weight-medium
),
'lg': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-basic-type-weight-body
),
'lg-emphasized': (
'font-size': v.$ds-type-size-18,
'line-height': v.$ds-basic-type-line-height-body,
'weight': v.$ds-type-weight-medium
),
'sm': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-basic-type-weight-body
),
'sm-emphasized': (
'font-size': v.$ds-type-size-14,
'line-height': v.$ds-basic-type-line-height-body3,
'weight': v.$ds-type-weight-medium
),
'xs': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-basic-type-weight-body
),
'xs-emphasized': (
'font-size': v.$ds-type-size-12,
'line-height': v.$ds-basic-type-line-height-body4,
'weight': v.$ds-type-weight-medium
),
'2xs': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-basic-type-weight-body
),
'2xs-emphasized': (
'font-size': v.$ds-type-size-10,
'line-height': v.$ds-basic-type-line-height-body5,
'weight': v.$ds-type-weight-medium
)
)
);
Loading
Loading