@marioschmidt/design-system-tokens 1.0.9 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/css/semantic/advertorial/color/color-advertorial-dark-global.css +2 -1
  2. package/dist/css/semantic/advertorial/color/color-advertorial-dark.css +2 -1
  3. package/dist/css/semantic/advertorial/color/color-advertorial-light-global.css +2 -1
  4. package/dist/css/semantic/advertorial/color/color-advertorial-light.css +2 -1
  5. package/dist/css/semantic/bild/color/color-bild-dark-global.css +2 -1
  6. package/dist/css/semantic/bild/color/color-bild-dark.css +2 -1
  7. package/dist/css/semantic/bild/color/color-bild-light-global.css +2 -1
  8. package/dist/css/semantic/bild/color/color-bild-light.css +2 -1
  9. package/dist/css/semantic/sportbild/color/color-sportbild-dark-global.css +2 -1
  10. package/dist/css/semantic/sportbild/color/color-sportbild-dark.css +2 -1
  11. package/dist/css/semantic/sportbild/color/color-sportbild-light-global.css +2 -1
  12. package/dist/css/semantic/sportbild/color/color-sportbild-light.css +2 -1
  13. package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +2 -1
  14. package/dist/js/semantic/advertorial/color/color-advertorial-light.js +2 -1
  15. package/dist/js/semantic/bild/color/color-bild-dark.js +2 -1
  16. package/dist/js/semantic/bild/color/color-bild-light.js +2 -1
  17. package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +2 -1
  18. package/dist/js/semantic/sportbild/color/color-sportbild-light.js +2 -1
  19. package/dist/json/semantic/advertorial/color/color-advertorial-dark.json +2 -1
  20. package/dist/json/semantic/advertorial/color/color-advertorial-light.json +2 -1
  21. package/dist/json/semantic/bild/color/color-bild-dark.json +2 -1
  22. package/dist/json/semantic/bild/color/color-bild-light.json +2 -1
  23. package/dist/json/semantic/sportbild/color/color-sportbild-dark.json +2 -1
  24. package/dist/json/semantic/sportbild/color/color-sportbild-light.json +2 -1
  25. package/dist/manifest.json +1 -1
  26. package/dist/scss/semantic/advertorial/color/color-advertorial-dark.scss +2 -1
  27. package/dist/scss/semantic/advertorial/color/color-advertorial-light.scss +2 -1
  28. package/dist/scss/semantic/bild/color/color-bild-dark.scss +2 -1
  29. package/dist/scss/semantic/bild/color/color-bild-light.scss +2 -1
  30. package/dist/scss/semantic/sportbild/color/color-sportbild-dark.scss +2 -1
  31. package/dist/scss/semantic/sportbild/color/color-sportbild-light.scss +2 -1
  32. package/package.json +1 -1
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #b0d1f2; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #b0d1f2; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #031a30; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #ffffff; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #b0d1f2; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #b0d1f2; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #031a30; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #ffffff; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #476e94; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #476e94; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #476e94; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #e8570a; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #de0000; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #476e94; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #476e94; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #476e94; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #e8570a; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #de0000; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #b0d1f2; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #b0d1f2; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #031a30; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #ffffff; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #b0d1f2; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #b0d1f2; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #031a30; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #ffffff; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #476e94; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #476e94; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #476e94; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #e8570a; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #de0000; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #242629; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #476e94; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #476e94; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #476e94; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #e8570a; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #de0000; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #de0000; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #081729; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #b0d1f2; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #b0d1f2; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #031a30; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #f7fafc; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #174582; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #081729; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #b0d1f2; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #b0d1f2; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #031a30; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #f7fafc; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #174582; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #081729; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #476e94; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #476e94; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #476e94; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #e8570a; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #174582; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #174582; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -9,7 +9,8 @@
9
9
  --semantic-core-core-color-secondary-constant: #ffffff; /** Use this on elements that must maintain the white color even in dark mode. */
10
10
  --semantic-core-core-color-tertiary-constant: #081729; /** Use this on elements that need to maintain the dark color across themes and color modes. */
11
11
  --semantic-core-core-color-tertiary-vv-pipe-test: #476e94; /** this is a test for the token pipeline */
12
- --semantic-core-leo-test-color: #476e94; /** this is a test for the token pipeline */
12
+ --semantic-core-npm-test: #476e94; /** this is a test for the token pipeline */
13
+ --semantic-core-felipe-test-color: #e8570a; /** this is a test for the token pipeline */
13
14
  --semantic-attention-accent-color-primary: #174582; /** Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone. */
14
15
  --semantic-attention-accent-color-primary-constant: #174582; /** Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode. */
15
16
  --semantic-attention-attention-color-success-primary: #00c273; /** Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency. */
@@ -8,7 +8,8 @@ export const semanticCoreCorecolortertiary = "#ffffff"; // Represents tertiary b
8
8
  export const semanticCoreCorecolorsecondaryconstant = "#ffffff"; // Use this on elements that must maintain the white color even in dark mode.
9
9
  export const semanticCoreCorecolortertiaryconstant = "#242629"; // Use this on elements that need to maintain the dark color across themes and color modes.
10
10
  export const semanticCoreCorecolortertiaryvvpipetest = "#b0d1f2"; // this is a test for the token pipeline
11
- export const semanticCoreLeotestcolor = "#b0d1f2"; // this is a test for the token pipeline
11
+ export const semanticCoreNpmtest = "#b0d1f2"; // this is a test for the token pipeline
12
+ export const semanticCoreFelipetestcolor = "#031a30"; // this is a test for the token pipeline
12
13
  export const semanticAttentionAccentcolorprimary = "#ffffff"; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
13
14
  export const semanticAttentionAccentcolorprimaryconstant = "#de0000"; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
14
15
  export const semanticAttentionAttentioncolorsuccessprimary = "#00c273"; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -8,7 +8,8 @@ export const semanticCoreCorecolortertiary = "#242629"; // Represents tertiary b
8
8
  export const semanticCoreCorecolorsecondaryconstant = "#ffffff"; // Use this on elements that must maintain the white color even in dark mode.
9
9
  export const semanticCoreCorecolortertiaryconstant = "#242629"; // Use this on elements that need to maintain the dark color across themes and color modes.
10
10
  export const semanticCoreCorecolortertiaryvvpipetest = "#476e94"; // this is a test for the token pipeline
11
- export const semanticCoreLeotestcolor = "#476e94"; // this is a test for the token pipeline
11
+ export const semanticCoreNpmtest = "#476e94"; // this is a test for the token pipeline
12
+ export const semanticCoreFelipetestcolor = "#e8570a"; // this is a test for the token pipeline
12
13
  export const semanticAttentionAccentcolorprimary = "#de0000"; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
13
14
  export const semanticAttentionAccentcolorprimaryconstant = "#de0000"; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
14
15
  export const semanticAttentionAttentioncolorsuccessprimary = "#00c273"; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -8,7 +8,8 @@ export const semanticCoreCorecolortertiary = "#ffffff"; // Represents tertiary b
8
8
  export const semanticCoreCorecolorsecondaryconstant = "#ffffff"; // Use this on elements that must maintain the white color even in dark mode.
9
9
  export const semanticCoreCorecolortertiaryconstant = "#242629"; // Use this on elements that need to maintain the dark color across themes and color modes.
10
10
  export const semanticCoreCorecolortertiaryvvpipetest = "#b0d1f2"; // this is a test for the token pipeline
11
- export const semanticCoreLeotestcolor = "#b0d1f2"; // this is a test for the token pipeline
11
+ export const semanticCoreNpmtest = "#b0d1f2"; // this is a test for the token pipeline
12
+ export const semanticCoreFelipetestcolor = "#031a30"; // this is a test for the token pipeline
12
13
  export const semanticAttentionAccentcolorprimary = "#ffffff"; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
13
14
  export const semanticAttentionAccentcolorprimaryconstant = "#de0000"; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
14
15
  export const semanticAttentionAttentioncolorsuccessprimary = "#00c273"; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -8,7 +8,8 @@ export const semanticCoreCorecolortertiary = "#242629"; // Represents tertiary b
8
8
  export const semanticCoreCorecolorsecondaryconstant = "#ffffff"; // Use this on elements that must maintain the white color even in dark mode.
9
9
  export const semanticCoreCorecolortertiaryconstant = "#242629"; // Use this on elements that need to maintain the dark color across themes and color modes.
10
10
  export const semanticCoreCorecolortertiaryvvpipetest = "#476e94"; // this is a test for the token pipeline
11
- export const semanticCoreLeotestcolor = "#476e94"; // this is a test for the token pipeline
11
+ export const semanticCoreNpmtest = "#476e94"; // this is a test for the token pipeline
12
+ export const semanticCoreFelipetestcolor = "#e8570a"; // this is a test for the token pipeline
12
13
  export const semanticAttentionAccentcolorprimary = "#de0000"; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
13
14
  export const semanticAttentionAccentcolorprimaryconstant = "#de0000"; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
14
15
  export const semanticAttentionAttentioncolorsuccessprimary = "#00c273"; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -8,7 +8,8 @@ export const semanticCoreCorecolortertiary = "#ffffff"; // Represents tertiary b
8
8
  export const semanticCoreCorecolorsecondaryconstant = "#ffffff"; // Use this on elements that must maintain the white color even in dark mode.
9
9
  export const semanticCoreCorecolortertiaryconstant = "#081729"; // Use this on elements that need to maintain the dark color across themes and color modes.
10
10
  export const semanticCoreCorecolortertiaryvvpipetest = "#b0d1f2"; // this is a test for the token pipeline
11
- export const semanticCoreLeotestcolor = "#b0d1f2"; // this is a test for the token pipeline
11
+ export const semanticCoreNpmtest = "#b0d1f2"; // this is a test for the token pipeline
12
+ export const semanticCoreFelipetestcolor = "#031a30"; // this is a test for the token pipeline
12
13
  export const semanticAttentionAccentcolorprimary = "#f7fafc"; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
13
14
  export const semanticAttentionAccentcolorprimaryconstant = "#174582"; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
14
15
  export const semanticAttentionAttentioncolorsuccessprimary = "#00c273"; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -8,7 +8,8 @@ export const semanticCoreCorecolortertiary = "#081729"; // Represents tertiary b
8
8
  export const semanticCoreCorecolorsecondaryconstant = "#ffffff"; // Use this on elements that must maintain the white color even in dark mode.
9
9
  export const semanticCoreCorecolortertiaryconstant = "#081729"; // Use this on elements that need to maintain the dark color across themes and color modes.
10
10
  export const semanticCoreCorecolortertiaryvvpipetest = "#476e94"; // this is a test for the token pipeline
11
- export const semanticCoreLeotestcolor = "#476e94"; // this is a test for the token pipeline
11
+ export const semanticCoreNpmtest = "#476e94"; // this is a test for the token pipeline
12
+ export const semanticCoreFelipetestcolor = "#e8570a"; // this is a test for the token pipeline
12
13
  export const semanticAttentionAccentcolorprimary = "#174582"; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
13
14
  export const semanticAttentionAccentcolorprimaryconstant = "#174582"; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
14
15
  export const semanticAttentionAttentioncolorsuccessprimary = "#00c273"; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -7,7 +7,8 @@
7
7
  "coreColorSecondaryConstant": "#ffffff",
8
8
  "coreColorTertiaryConstant": "#242629",
9
9
  "coreColorTertiaryVvPipeTEST": "#b0d1f2",
10
- "leoTestColor": "#b0d1f2"
10
+ "npmTest": "#b0d1f2",
11
+ "felipeTestColor": "#031a30"
11
12
  },
12
13
  "Attention": {
13
14
  "accentColorPrimary": "#ffffff",
@@ -7,7 +7,8 @@
7
7
  "coreColorSecondaryConstant": "#ffffff",
8
8
  "coreColorTertiaryConstant": "#242629",
9
9
  "coreColorTertiaryVvPipeTEST": "#476e94",
10
- "leoTestColor": "#476e94"
10
+ "npmTest": "#476e94",
11
+ "felipeTestColor": "#e8570a"
11
12
  },
12
13
  "Attention": {
13
14
  "accentColorPrimary": "#de0000",
@@ -7,7 +7,8 @@
7
7
  "coreColorSecondaryConstant": "#ffffff",
8
8
  "coreColorTertiaryConstant": "#242629",
9
9
  "coreColorTertiaryVvPipeTEST": "#b0d1f2",
10
- "leoTestColor": "#b0d1f2"
10
+ "npmTest": "#b0d1f2",
11
+ "felipeTestColor": "#031a30"
11
12
  },
12
13
  "Attention": {
13
14
  "accentColorPrimary": "#ffffff",
@@ -7,7 +7,8 @@
7
7
  "coreColorSecondaryConstant": "#ffffff",
8
8
  "coreColorTertiaryConstant": "#242629",
9
9
  "coreColorTertiaryVvPipeTEST": "#476e94",
10
- "leoTestColor": "#476e94"
10
+ "npmTest": "#476e94",
11
+ "felipeTestColor": "#e8570a"
11
12
  },
12
13
  "Attention": {
13
14
  "accentColorPrimary": "#de0000",
@@ -7,7 +7,8 @@
7
7
  "coreColorSecondaryConstant": "#ffffff",
8
8
  "coreColorTertiaryConstant": "#081729",
9
9
  "coreColorTertiaryVvPipeTEST": "#b0d1f2",
10
- "leoTestColor": "#b0d1f2"
10
+ "npmTest": "#b0d1f2",
11
+ "felipeTestColor": "#031a30"
11
12
  },
12
13
  "Attention": {
13
14
  "accentColorPrimary": "#f7fafc",
@@ -7,7 +7,8 @@
7
7
  "coreColorSecondaryConstant": "#ffffff",
8
8
  "coreColorTertiaryConstant": "#081729",
9
9
  "coreColorTertiaryVvPipeTEST": "#476e94",
10
- "leoTestColor": "#476e94"
10
+ "npmTest": "#476e94",
11
+ "felipeTestColor": "#e8570a"
11
12
  },
12
13
  "Attention": {
13
14
  "accentColorPrimary": "#174582",
@@ -1,5 +1,5 @@
1
1
  {
2
- "generated": "2025-11-21T13:57:13.196Z",
2
+ "generated": "2025-11-21T15:09:46.235Z",
3
3
  "version": "1.0.0",
4
4
  "platforms": {
5
5
  "css": {
@@ -7,7 +7,8 @@ $semantic-core-core-color-tertiary: #ffffff; // Represents tertiary brand accent
7
7
  $semantic-core-core-color-secondary-constant: #ffffff; // Use this on elements that must maintain the white color even in dark mode.
8
8
  $semantic-core-core-color-tertiary-constant: #242629; // Use this on elements that need to maintain the dark color across themes and color modes.
9
9
  $semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; // this is a test for the token pipeline
10
- $semantic-core-leo-test-color: #b0d1f2; // this is a test for the token pipeline
10
+ $semantic-core-npm-test: #b0d1f2; // this is a test for the token pipeline
11
+ $semantic-core-felipe-test-color: #031a30; // this is a test for the token pipeline
11
12
  $semantic-attention-accent-color-primary: #ffffff; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
12
13
  $semantic-attention-accent-color-primary-constant: #de0000; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
13
14
  $semantic-attention-attention-color-success-primary: #00c273; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -7,7 +7,8 @@ $semantic-core-core-color-tertiary: #242629; // Represents tertiary brand accent
7
7
  $semantic-core-core-color-secondary-constant: #ffffff; // Use this on elements that must maintain the white color even in dark mode.
8
8
  $semantic-core-core-color-tertiary-constant: #242629; // Use this on elements that need to maintain the dark color across themes and color modes.
9
9
  $semantic-core-core-color-tertiary-vv-pipe-test: #476e94; // this is a test for the token pipeline
10
- $semantic-core-leo-test-color: #476e94; // this is a test for the token pipeline
10
+ $semantic-core-npm-test: #476e94; // this is a test for the token pipeline
11
+ $semantic-core-felipe-test-color: #e8570a; // this is a test for the token pipeline
11
12
  $semantic-attention-accent-color-primary: #de0000; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
12
13
  $semantic-attention-accent-color-primary-constant: #de0000; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
13
14
  $semantic-attention-attention-color-success-primary: #00c273; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -7,7 +7,8 @@ $semantic-core-core-color-tertiary: #ffffff; // Represents tertiary brand accent
7
7
  $semantic-core-core-color-secondary-constant: #ffffff; // Use this on elements that must maintain the white color even in dark mode.
8
8
  $semantic-core-core-color-tertiary-constant: #242629; // Use this on elements that need to maintain the dark color across themes and color modes.
9
9
  $semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; // this is a test for the token pipeline
10
- $semantic-core-leo-test-color: #b0d1f2; // this is a test for the token pipeline
10
+ $semantic-core-npm-test: #b0d1f2; // this is a test for the token pipeline
11
+ $semantic-core-felipe-test-color: #031a30; // this is a test for the token pipeline
11
12
  $semantic-attention-accent-color-primary: #ffffff; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
12
13
  $semantic-attention-accent-color-primary-constant: #de0000; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
13
14
  $semantic-attention-attention-color-success-primary: #00c273; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -7,7 +7,8 @@ $semantic-core-core-color-tertiary: #242629; // Represents tertiary brand accent
7
7
  $semantic-core-core-color-secondary-constant: #ffffff; // Use this on elements that must maintain the white color even in dark mode.
8
8
  $semantic-core-core-color-tertiary-constant: #242629; // Use this on elements that need to maintain the dark color across themes and color modes.
9
9
  $semantic-core-core-color-tertiary-vv-pipe-test: #476e94; // this is a test for the token pipeline
10
- $semantic-core-leo-test-color: #476e94; // this is a test for the token pipeline
10
+ $semantic-core-npm-test: #476e94; // this is a test for the token pipeline
11
+ $semantic-core-felipe-test-color: #e8570a; // this is a test for the token pipeline
11
12
  $semantic-attention-accent-color-primary: #de0000; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
12
13
  $semantic-attention-accent-color-primary-constant: #de0000; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
13
14
  $semantic-attention-attention-color-success-primary: #00c273; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -7,7 +7,8 @@ $semantic-core-core-color-tertiary: #ffffff; // Represents tertiary brand accent
7
7
  $semantic-core-core-color-secondary-constant: #ffffff; // Use this on elements that must maintain the white color even in dark mode.
8
8
  $semantic-core-core-color-tertiary-constant: #081729; // Use this on elements that need to maintain the dark color across themes and color modes.
9
9
  $semantic-core-core-color-tertiary-vv-pipe-test: #b0d1f2; // this is a test for the token pipeline
10
- $semantic-core-leo-test-color: #b0d1f2; // this is a test for the token pipeline
10
+ $semantic-core-npm-test: #b0d1f2; // this is a test for the token pipeline
11
+ $semantic-core-felipe-test-color: #031a30; // this is a test for the token pipeline
11
12
  $semantic-attention-accent-color-primary: #f7fafc; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
12
13
  $semantic-attention-accent-color-primary-constant: #174582; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
13
14
  $semantic-attention-attention-color-success-primary: #00c273; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
@@ -7,7 +7,8 @@ $semantic-core-core-color-tertiary: #081729; // Represents tertiary brand accent
7
7
  $semantic-core-core-color-secondary-constant: #ffffff; // Use this on elements that must maintain the white color even in dark mode.
8
8
  $semantic-core-core-color-tertiary-constant: #081729; // Use this on elements that need to maintain the dark color across themes and color modes.
9
9
  $semantic-core-core-color-tertiary-vv-pipe-test: #476e94; // this is a test for the token pipeline
10
- $semantic-core-leo-test-color: #476e94; // this is a test for the token pipeline
10
+ $semantic-core-npm-test: #476e94; // this is a test for the token pipeline
11
+ $semantic-core-felipe-test-color: #e8570a; // this is a test for the token pipeline
11
12
  $semantic-attention-accent-color-primary: #174582; // Primary accent color used to emphasize interactive or highlight elements such as links, selection states, or focus indicators. Adapts in Darkmode to a fully white tone.
12
13
  $semantic-attention-accent-color-primary-constant: #174582; // Used for accent highlights that must remain visually consistent across themes (e.g., brand identifiers, logos, or fixed emphasis areas). Color value does not change between Light and Dark mode.
13
14
  $semantic-attention-attention-color-success-primary: #00c273; // Primary success color used to indicate positive states, confirmations, or completed actions (e.g., success banners, icons, or badges). Remains the same across modes to ensure recognizability and consistency.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marioschmidt/design-system-tokens",
3
- "version": "1.0.9",
3
+ "version": "1.0.11",
4
4
  "description": "BILD Design System Token Pipeline with Style Dictionary - Multi-brand design tokens for BILD, SportBILD, and Advertorial",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",