Skip to content

Commit 3f768fc

Browse files
boosted-botlouismaximepiton
boosted-bot
and
louismaximepiton
authored
chore: update tokens (#2816)
--------- Co-authored-by: boosted-bot <[email protected]> Co-authored-by: louismaxime.piton <[email protected]>
1 parent e4ba8cd commit 3f768fc

16 files changed

+1613
-850
lines changed

Diff for: ‎scss/_maps.scss

+10-11
Original file line numberDiff line numberDiff line change
@@ -72,11 +72,11 @@ $ouds-dimension-negative-space-fixed: if($enable-negative-margins, negativify-ma
7272

7373
// scss-docs-start ouds-maps-elevations
7474
$ouds-elevations: (
75+
"default": $ouds-elevation-default,
76+
"drag": $ouds-elevation-drag,
77+
"emphasized": $ouds-elevation-emphasized,
7578
"none": $ouds-elevation-none,
7679
"raised": $ouds-elevation-raised,
77-
"drag": $ouds-elevation-drag,
78-
"overlay-default": $ouds-elevation-overlay-default,
79-
"overlay-emphasized": $ouds-elevation-overlay-emphasized,
8080
"sticky-default": $ouds-elevation-sticky-default,
8181
"sticky-emphasized": $ouds-elevation-sticky-emphasized,
8282
"sticky-navigation-scrolled": $ouds-elevation-sticky-navigation-scrolled
@@ -85,7 +85,6 @@ $ouds-elevations: (
8585

8686
// scss-docs-start ouds-maps-font
8787
$ouds-font-sizes: (
88-
cs: "/code-small",
8988
cm: "/code-medium",
9089
bs: "/body-small",
9190
bm: "/body-medium",
@@ -104,17 +103,17 @@ $ouds-font-weights: (
104103
bold: $ouds-font-weight-strong
105104
) !default;
106105

107-
$ouds-icon-sizes: ("short", "medium", "tall") !default;
106+
$ouds-icon-sizes: ("sm", "md", "lg") !default;
108107
// scss-docs-end ouds-maps-font
109108

110109
// scss-docs-start ouds-maps-opacities
111110
$ouds-opacities: (
112-
"transparent": $ouds-opacity-transparent,
113-
"weaker": $ouds-opacity-weaker,
114-
"weak": $ouds-opacity-weak,
115-
"medium": $ouds-opacity-medium,
116-
"strong": $ouds-opacity-strong,
117-
"opaque": $ouds-opacity-opaque
111+
"invisible": $ouds-opacity-invisible,
112+
"weaker": $ouds-opacity-weaker,
113+
"weak": $ouds-opacity-weak,
114+
"medium": $ouds-opacity-medium,
115+
"strong": $ouds-opacity-strong,
116+
"opaque": $ouds-opacity-opaque
118117
) !default;
119118
// scss-docs-end ouds-maps-opacities
120119
// End mod

Diff for: ‎scss/_root.scss

+63-63
Original file line numberDiff line numberDiff line change
@@ -310,74 +310,74 @@
310310
// scss-docs-end root-space-scaled-var-ouds
311311

312312
// scss-docs-start root-size-scaled-var-ouds
313-
--#{$prefix}icon-short-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-short-mobile)};
314-
--#{$prefix}icon-medium-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-medium-mobile)};
315-
--#{$prefix}icon-tall-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-tall-mobile)};
316-
--#{$prefix}icon-short-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-short-mobile)};
317-
--#{$prefix}icon-medium-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-medium-mobile)};
318-
--#{$prefix}icon-tall-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-tall-mobile)};
319-
--#{$prefix}icon-short-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-short-mobile)};
320-
--#{$prefix}icon-medium-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-medium-mobile)};
321-
--#{$prefix}icon-tall-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-tall-mobile)};
322-
--#{$prefix}icon-short-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-short-mobile)};
323-
--#{$prefix}icon-medium-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-medium-mobile)};
324-
--#{$prefix}icon-tall-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-tall-mobile)};
325-
--#{$prefix}icon-short-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-short-mobile)};
326-
--#{$prefix}icon-medium-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-medium-mobile)};
327-
--#{$prefix}icon-tall-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-tall-mobile)};
328-
--#{$prefix}icon-short-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-short-mobile)};
329-
--#{$prefix}icon-medium-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-medium-mobile)};
330-
--#{$prefix}icon-tall-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-tall-mobile)};
331-
--#{$prefix}icon-short-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-short-mobile)};
332-
--#{$prefix}icon-medium-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-medium-mobile)};
333-
--#{$prefix}icon-tall-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-tall-mobile)};
313+
--#{$prefix}icon-sm-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-sm-mobile)};
314+
--#{$prefix}icon-md-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-md-mobile)};
315+
--#{$prefix}icon-lg-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-lg-mobile)};
316+
--#{$prefix}icon-sm-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-sm-mobile)};
317+
--#{$prefix}icon-md-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-md-mobile)};
318+
--#{$prefix}icon-lg-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-lg-mobile)};
319+
--#{$prefix}icon-sm-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-sm-mobile)};
320+
--#{$prefix}icon-md-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-md-mobile)};
321+
--#{$prefix}icon-lg-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-lg-mobile)};
322+
--#{$prefix}icon-sm-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-sm-mobile)};
323+
--#{$prefix}icon-md-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-md-mobile)};
324+
--#{$prefix}icon-lg-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-lg-mobile)};
325+
--#{$prefix}icon-sm-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-sm-mobile)};
326+
--#{$prefix}icon-md-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-md-mobile)};
327+
--#{$prefix}icon-lg-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-lg-mobile)};
328+
--#{$prefix}icon-sm-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-sm-mobile)};
329+
--#{$prefix}icon-md-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-md-mobile)};
330+
--#{$prefix}icon-lg-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-lg-mobile)};
331+
--#{$prefix}icon-sm-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-sm-mobile)};
332+
--#{$prefix}icon-md-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-md-mobile)};
333+
--#{$prefix}icon-lg-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-lg-mobile)};
334334

335335
@include media-breakpoint-up(md) {
336-
--#{$prefix}icon-short-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-short-tablet)};
337-
--#{$prefix}icon-medium-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-medium-tablet)};
338-
--#{$prefix}icon-tall-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-tall-tablet)};
339-
--#{$prefix}icon-short-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-short-tablet)};
340-
--#{$prefix}icon-medium-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-medium-tablet)};
341-
--#{$prefix}icon-tall-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-tall-tablet)};
342-
--#{$prefix}icon-short-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-short-tablet)};
343-
--#{$prefix}icon-medium-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-medium-tablet)};
344-
--#{$prefix}icon-tall-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-tall-tablet)};
345-
--#{$prefix}icon-short-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-short-tablet)};
346-
--#{$prefix}icon-medium-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-medium-tablet)};
347-
--#{$prefix}icon-tall-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-tall-tablet)};
348-
--#{$prefix}icon-short-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-short-tablet)};
349-
--#{$prefix}icon-medium-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-medium-tablet)};
350-
--#{$prefix}icon-tall-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-tall-tablet)};
351-
--#{$prefix}icon-short-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-short-tablet)};
352-
--#{$prefix}icon-medium-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-medium-tablet)};
353-
--#{$prefix}icon-tall-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-tall-tablet)};
354-
--#{$prefix}icon-short-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-short-tablet)};
355-
--#{$prefix}icon-medium-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-medium-tablet)};
356-
--#{$prefix}icon-tall-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-tall-tablet)};
336+
--#{$prefix}icon-sm-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-sm-tablet)};
337+
--#{$prefix}icon-md-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-md-tablet)};
338+
--#{$prefix}icon-lg-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-lg-tablet)};
339+
--#{$prefix}icon-sm-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-sm-tablet)};
340+
--#{$prefix}icon-md-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-md-tablet)};
341+
--#{$prefix}icon-lg-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-lg-tablet)};
342+
--#{$prefix}icon-sm-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-sm-tablet)};
343+
--#{$prefix}icon-md-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-md-tablet)};
344+
--#{$prefix}icon-lg-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-lg-tablet)};
345+
--#{$prefix}icon-sm-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-sm-tablet)};
346+
--#{$prefix}icon-md-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-md-tablet)};
347+
--#{$prefix}icon-lg-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-lg-tablet)};
348+
--#{$prefix}icon-sm-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-sm-tablet)};
349+
--#{$prefix}icon-md-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-md-tablet)};
350+
--#{$prefix}icon-lg-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-lg-tablet)};
351+
--#{$prefix}icon-sm-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-sm-tablet)};
352+
--#{$prefix}icon-md-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-md-tablet)};
353+
--#{$prefix}icon-lg-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-lg-tablet)};
354+
--#{$prefix}icon-sm-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-sm-tablet)};
355+
--#{$prefix}icon-md-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-md-tablet)};
356+
--#{$prefix}icon-lg-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-lg-tablet)};
357357
}
358358

359359
@include media-breakpoint-up(xl) {
360-
--#{$prefix}icon-short-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-short-desktop)};
361-
--#{$prefix}icon-medium-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-medium-desktop)};
362-
--#{$prefix}icon-tall-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-tall-desktop)};
363-
--#{$prefix}icon-short-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-short-desktop)};
364-
--#{$prefix}icon-medium-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-medium-desktop)};
365-
--#{$prefix}icon-tall-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-tall-desktop)};
366-
--#{$prefix}icon-short-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-short-desktop)};
367-
--#{$prefix}icon-medium-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-medium-desktop)};
368-
--#{$prefix}icon-tall-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-tall-desktop)};
369-
--#{$prefix}icon-short-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-short-desktop)};
370-
--#{$prefix}icon-medium-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-medium-desktop)};
371-
--#{$prefix}icon-tall-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-tall-desktop)};
372-
--#{$prefix}icon-short-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-short-desktop)};
373-
--#{$prefix}icon-medium-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-medium-desktop)};
374-
--#{$prefix}icon-tall-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-tall-desktop)};
375-
--#{$prefix}icon-short-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-short-desktop)};
376-
--#{$prefix}icon-medium-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-medium-desktop)};
377-
--#{$prefix}icon-tall-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-tall-desktop)};
378-
--#{$prefix}icon-short-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-short-desktop)};
379-
--#{$prefix}icon-medium-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-medium-desktop)};
380-
--#{$prefix}icon-tall-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-tall-desktop)};
360+
--#{$prefix}icon-sm-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-sm-desktop)};
361+
--#{$prefix}icon-md-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-md-desktop)};
362+
--#{$prefix}icon-lg-with-heading-xlarge: #{px-to-rem($ouds-size-icon-with-heading-xlarge-size-lg-desktop)};
363+
--#{$prefix}icon-sm-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-sm-desktop)};
364+
--#{$prefix}icon-md-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-md-desktop)};
365+
--#{$prefix}icon-lg-with-heading-large: #{px-to-rem($ouds-size-icon-with-heading-large-size-lg-desktop)};
366+
--#{$prefix}icon-sm-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-sm-desktop)};
367+
--#{$prefix}icon-md-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-md-desktop)};
368+
--#{$prefix}icon-lg-with-heading-medium: #{px-to-rem($ouds-size-icon-with-heading-medium-size-lg-desktop)};
369+
--#{$prefix}icon-sm-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-sm-desktop)};
370+
--#{$prefix}icon-md-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-md-desktop)};
371+
--#{$prefix}icon-lg-with-heading-small: #{px-to-rem($ouds-size-icon-with-heading-small-size-lg-desktop)};
372+
--#{$prefix}icon-sm-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-sm-desktop)};
373+
--#{$prefix}icon-md-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-md-desktop)};
374+
--#{$prefix}icon-lg-with-body-large: #{px-to-rem($ouds-size-icon-with-body-large-size-lg-desktop)};
375+
--#{$prefix}icon-sm-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-sm-desktop)};
376+
--#{$prefix}icon-md-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-md-desktop)};
377+
--#{$prefix}icon-lg-with-body-medium: #{px-to-rem($ouds-size-icon-with-body-medium-size-lg-desktop)};
378+
--#{$prefix}icon-sm-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-sm-desktop)};
379+
--#{$prefix}icon-md-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-md-desktop)};
380+
--#{$prefix}icon-lg-with-body-small: #{px-to-rem($ouds-size-icon-with-body-small-size-lg-desktop)};
381381
}
382382
// scss-docs-end root-size-scaled-var-ouds
383383
// End mod

Diff for: ‎scss/_variables.scss

+3-3
Original file line numberDiff line numberDiff line change
@@ -662,9 +662,9 @@ $focus-visible-outer-color: $black !default; // OUDS mod
662662
// scss-docs-end focus-visible-variables
663663

664664
// scss-docs-start box-shadow-variables
665-
$box-shadow: $ouds-elevation-overlay-default !default; // OUDS mod: instead of `0 .5rem 1rem rgba($black, .15)`
666-
$box-shadow-sm: $ouds-elevation-overlay-default !default; // OUDS mod: instead of `0 .125rem .25rem rgba($black, .075)`
667-
$box-shadow-lg: $ouds-elevation-overlay-emphasized !default; // OUDS mod: instead of `0 1rem 3rem rgba($black, .175)`
665+
$box-shadow: $ouds-elevation-default !default; // OUDS mod: instead of `0 .5rem 1rem rgba($black, .15)`
666+
$box-shadow-sm: $ouds-elevation-default !default; // OUDS mod: instead of `0 .125rem .25rem rgba($black, .075)`
667+
$box-shadow-lg: $ouds-elevation-emphasized !default; // OUDS mod: instead of `0 1rem 3rem rgba($black, .175)`
668668
$box-shadow-inset: null !default; // OUDS mod: instead of `inset 0 1px 2px rgba($black, .075)`
669669
// scss-docs-end box-shadow-variables
670670

Diff for: ‎scss/helpers/_icon.scss

+14-14
Original file line numberDiff line numberDiff line change
@@ -20,37 +20,37 @@
2020
}
2121
}
2222

23-
.decorative-shortest-icon {
23+
.decorative-2xs-icon {
2424
@extend %icon-size;
25-
font-size: $ouds-size-icon-decorative-shortest if($enable-important-utilities, !important, null);
25+
font-size: $ouds-size-icon-decorative-2xs if($enable-important-utilities, !important, null);
2626
}
2727

28-
.decorative-shorter-icon {
28+
.decorative-xs-icon {
2929
@extend %icon-size;
30-
font-size: $ouds-size-icon-decorative-shorter if($enable-important-utilities, !important, null);
30+
font-size: $ouds-size-icon-decorative-xs if($enable-important-utilities, !important, null);
3131
}
3232

33-
.decorative-short-icon {
33+
.decorative-sm-icon {
3434
@extend %icon-size;
35-
font-size: $ouds-size-icon-decorative-short if($enable-important-utilities, !important, null);
35+
font-size: $ouds-size-icon-decorative-sm if($enable-important-utilities, !important, null);
3636
}
3737

38-
.decorative-medium-icon {
38+
.decorative-md-icon {
3939
@extend %icon-size;
40-
font-size: $ouds-size-icon-decorative-medium if($enable-important-utilities, !important, null);
40+
font-size: $ouds-size-icon-decorative-md if($enable-important-utilities, !important, null);
4141
}
4242

43-
.decorative-tall-icon {
43+
.decorative-lg-icon {
4444
@extend %icon-size;
45-
font-size: $ouds-size-icon-decorative-tall if($enable-important-utilities, !important, null);
45+
font-size: $ouds-size-icon-decorative-lg if($enable-important-utilities, !important, null);
4646
}
4747

48-
.decorative-taller-icon {
48+
.decorative-xl-icon {
4949
@extend %icon-size;
50-
font-size: $ouds-size-icon-decorative-taller if($enable-important-utilities, !important, null);
50+
font-size: $ouds-size-icon-decorative-xl if($enable-important-utilities, !important, null);
5151
}
5252

53-
.decorative-tallest-icon {
53+
.decorative-2xl-icon {
5454
@extend %icon-size;
55-
font-size: $ouds-size-icon-decorative-tallest if($enable-important-utilities, !important, null);
55+
font-size: $ouds-size-icon-decorative-2xl if($enable-important-utilities, !important, null);
5656
}

Diff for: ‎scss/mixins/_fonts.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// scss-docs-start ouds-mixin-font
2-
// $font-size-ref can be one of: "code-small", "code-medium", "label-small", "label-medium", "label-large", "label-xlarge", "body-small", "body-medium", "body-large", "heading-small", "heading-medium", "heading-large", "heading-xlarge", "display-small", "display-medium", "display-large"
2+
// $font-size-ref can be one of: "code-medium", "label-small", "label-medium", "label-large", "label-xlarge", "body-small", "body-medium", "body-large", "heading-small", "heading-medium", "heading-large", "heading-xlarge", "display-small", "display-medium", "display-large"
33

44
@mixin get-font-size($font-size-ref: "display-large") {
55
@if str-slice($font-size-ref, 1, 5) != "label" and str-slice($font-size-ref, 1, 4) != "code" {

0 commit comments

Comments
 (0)