Skip to content

Commit 55b4650

Browse files
asynclizcopybara-github
authored andcommitted
fix(tokens)!: tokens.md-comp-*-values() include custom properties by default
BREAKING CHANGE: Sass component tokens, such as `tokens.md-comp-checkbox-values()`, return `var(--md-<component>, <value>)` instead of just the CSS value. Use `$exclude-custom-properties: true` to remove them. PiperOrigin-RevId: 652550625
1 parent a2aa5a3 commit 55b4650

File tree

90 files changed

+134
-267
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

90 files changed

+134
-267
lines changed

button/internal/_elevated-button.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-elevated-button-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-elevated-button-values();
3129

3230
:host {
3331
// Only use the logical properties.

button/internal/_filled-button.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-filled-button-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-filled-button-values();
3129

3230
:host {
3331
// Only use the logical properties.

button/internal/_filled-tonal-button.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-filled-tonal-button-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-filled-tonal-button-values();
3129

3230
:host {
3331
// Only use the logical properties.

button/internal/_outlined-button.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-outlined-button-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-outlined-button-values();
3129

3230
:host {
3331
// Only use the logical properties.

button/internal/_text-button.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-text-button-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-text-button-values();
3129

3230
:host {
3331
// Only use the logical properties.

checkbox/internal/_checkbox.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,7 @@ $_checkmark-bottom-left: 7px, -14px;
3838
}
3939

4040
@mixin styles() {
41-
$tokens: tokens.md-comp-checkbox-values(
42-
$exclude-custom-properties: false,
43-
);
41+
$tokens: tokens.md-comp-checkbox-values();
4442

4543
:host {
4644
border-start-start-radius: map.get($tokens, 'container-shape-start-start');

chips/internal/_assist-chip.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-assist-chip-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-assist-chip-values();
3129

3230
:host {
3331
// Only use the logical properties.

chips/internal/_filter-chip.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-filter-chip-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-filter-chip-values();
3129

3230
:host {
3331
// Only use the logical properties.

chips/internal/_input-chip.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-input-chip-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-input-chip-values();
3129

3230
:host {
3331
// Only use the logical properties.

chips/internal/_suggestion-chip.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,7 @@
2525
}
2626

2727
@mixin styles() {
28-
$tokens: tokens.md-comp-suggestion-chip-values(
29-
$exclude-custom-properties: false,
30-
);
28+
$tokens: tokens.md-comp-suggestion-chip-values();
3129

3230
:host {
3331
// Only use the logical properties.

0 commit comments

Comments
 (0)