@use "../../../styles/typography.scss";
@use "sass:map";

@each $size in map.keys(typography.$font-sizes-text) {
  @each $role in map.keys(typography.$font-line-height-multipliers) {
    .text-#{$role}-#{$size}-normal {
      @include typography.text($size: $size, $role: $role);
    }

    .text-#{$role}-#{$size}-overline {
      @include typography.text(
        $size: $size,
        $role: $role,
        $overline: true
      );
    }
  }
}

@each $family in map.keys(typography.$font-families) {
  .family-#{$family} {
    @include typography.font-family($family: $family);
  }
}

@each $weight in map.keys(typography.$font-weights) {
  .weight-#{$weight} {
    @include typography.font-weight($weight: $weight);
  }
}

@each $align in (left, center, right) {
  .align-#{$align} {
    text-align: $align;
  }
}