-
Notifications
You must be signed in to change notification settings - Fork 10
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
#345 Spacing variables for the css usage #367
Conversation
Why aren't we using |
@@ -1,4 +1,7 @@ | |||
@use './themes/legacy'; | |||
@use './themes/light'; | |||
@use './themes/dark'; | |||
@use './spacing/spacing'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
how about?:
@use './spacing/spacing'; | |
@use './foundations/spacing'; |
@@ -1,6 +1,7 @@ | |||
import './index.scss'; | |||
|
|||
export { DesignTokens } from './themes/designTokens'; | |||
export { SpacingTokens } from './spacing/spacingTokens'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Enumerations (even realized as consts) should have a singular form.
export { SpacingTokens } from './spacing/spacingTokens'; | |
export { SpacingToken } from './foundation/spacing-tokens'; |
@@ -1,6 +1,7 @@ | |||
import './index.scss'; | |||
|
|||
export { DesignTokens } from './themes/designTokens'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We could fix this also
export { DesignTokens } from './themes/designTokens'; | |
export { DesignToken } from './themes/design-token'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍 But we need to remember to include this as (small) breaking change in release docs, as we use DesignTokens
enum in another app.
@@ -0,0 +1,16 @@ | |||
export const SpacingTokens = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Alternatively SPACING_TOKENS
, hard to say what's our approach here, as it seems more of a enumeration
than a set of data.
export const SpacingTokens = { | |
export const SpacingToken = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think everything is right, my only concern is the Examples in the Foundations/Spacing. I think we should address this during our new approach to the documentation to be more descriptive and clear, I will note it down.
Resolves: #345
Description
Scss variables of spacing, to the use in styling for components.
Storybook
Checklist
Obligatory:
Optional: