[Bug]: Possible missing tokens

Package

@carbon/react

Browser

No response

Package version

v11

React version

16

Description

I may be missing something, or very new to sass and carbon 11, but I been grabbing tokens of the @carbon/styles as such

@use '@carbon/styles';
...
.someClass {
  //  background-color: $interactive-01; <----carbon v10 with import
   background-color: styles.$button-primary; <-----carbon 11 using use
}

but for some reason, I cannot find the replaced tokens for

interactive-01 
interactive-02 
interactive-03 
interactive-04 

using @use '@carbon/styles'; or @use '@carbon/colors;

I been able to find other colors/styles tokens but not these ones.

CodeSandbox example

N/A

Steps to reproduce

See description

Code of Conduct

• I agree to follow this project’s Code of Conduct
• I checked the current issues for duplicate problems

[TannerS]

hey @jnm2377 thanks that appears to work, but I have some comments.

What works

1. Webpack builds using this
2. Styles work the way they should

issues

1. Unlike the other use imports for tokens/styles/ etc, my IDEs cant resolve this path so it comes up as invalid and is a bit misleading unless i wait for the compiling and find the UI element and see if the color reflects
2. The docs mention the change between the the interactice-0* tokens to the button-primary and button-secondary, but theese docs are listed under the theme import, meaning, if we have to use '@carbon/react/scss/components/button/tokens'; for these updated tokens, i think the docs should be updated (unless I missed something)

😃

[TannerS]

Hey @jnm2377 , for me, I been able to find and use every replacement except the interactive-0* ones, I think mostly the -01, -02. I forgot if -03 and -04 was problematic.

Like, the way i am importing the tokens so far has worked for everything except those so Im wondering if its a bug, are they imported through another source or something.

I was using @use '@carbon/styles' for the tokens and I dont remmeber if the /colors import had same issue, but using that import every token was found except for the oens I tried, button-primary, button-secondary