Skip to content
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.

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

USWDS - Bug: $theme-table-header-text-color throws error #5913

Open
2 tasks done
ajanickiv opened this issue May 6, 2024 · 0 comments
Open
2 tasks done

USWDS - Bug: $theme-table-header-text-color throws error #5913

ajanickiv opened this issue May 6, 2024 · 0 comments
Assignees
Labels
Context: Sass Issue is in Sass Needs: Confirmation We need to confirm that this is an issue Type: Bug A problem in the code

Comments

@ajanickiv
Copy link

Describe the bug

When attempting to use the $theme-table-header-text-color setting for the table found under the Component Settings -> Table area here to set the color in a CSS class, I get the following error:

Undefined variable.
   ╷
59 │     @if map.has-key($project-color-shortcodes, $value) {
   │                     ^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  node_modules\@uswds\uswds\packages\uswds-core\src\styles\functions\utilities\color.scss 59:21  color()

I am also using the $theme-table-header-background-color in the same CSS class with no issues.

Steps to reproduce the bug

  1. Import uswds-core into a .scss file
  2. Create a css class
  3. Set the color attribute using the color function like color: color($theme-table-header-text-color);
  4. Run build process to generate styles
  5. Receive error

Expected Behavior

The stylesheet gets generated without error.

Related code

@import 'uswds-core';
.my-class {
    color: color($theme-table-header-text-color);
}

Screenshots

image

System setup

  • USWDS Version: 3.8.0
  • WIndows laptop
  • Edge browser

Additional context

No response

Code of Conduct

@ajanickiv ajanickiv added Needs: Confirmation We need to confirm that this is an issue Type: Bug A problem in the code labels May 6, 2024
@github-actions github-actions bot added the Status: Triage We're triaging this issue and grooming if necessary label May 6, 2024
@brunerae brunerae removed the Status: Triage We're triaging this issue and grooming if necessary label May 9, 2024
@mejiaj mejiaj added the Context: Sass Issue is in Sass label May 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Context: Sass Issue is in Sass Needs: Confirmation We need to confirm that this is an issue Type: Bug A problem in the code
Projects
Status: Needs refinement
Development

No branches or pull requests

5 participants