@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.
- package/dist/css/semantic/advertorial/color/color-advertorial-dark-global.css +2 -1
- package/dist/css/semantic/advertorial/color/color-advertorial-dark.css +2 -1
- package/dist/css/semantic/advertorial/color/color-advertorial-light-global.css +2 -1
- package/dist/css/semantic/advertorial/color/color-advertorial-light.css +2 -1
- package/dist/css/semantic/bild/color/color-bild-dark-global.css +2 -1
- package/dist/css/semantic/bild/color/color-bild-dark.css +2 -1
- package/dist/css/semantic/bild/color/color-bild-light-global.css +2 -1
- package/dist/css/semantic/bild/color/color-bild-light.css +2 -1
- package/dist/css/semantic/sportbild/color/color-sportbild-dark-global.css +2 -1
- package/dist/css/semantic/sportbild/color/color-sportbild-dark.css +2 -1
- package/dist/css/semantic/sportbild/color/color-sportbild-light-global.css +2 -1
- package/dist/css/semantic/sportbild/color/color-sportbild-light.css +2 -1
- package/dist/js/semantic/advertorial/color/color-advertorial-dark.js +2 -1
- package/dist/js/semantic/advertorial/color/color-advertorial-light.js +2 -1
- package/dist/js/semantic/bild/color/color-bild-dark.js +2 -1
- package/dist/js/semantic/bild/color/color-bild-light.js +2 -1
- package/dist/js/semantic/sportbild/color/color-sportbild-dark.js +2 -1
- package/dist/js/semantic/sportbild/color/color-sportbild-light.js +2 -1
- package/dist/json/semantic/advertorial/color/color-advertorial-dark.json +2 -1
- package/dist/json/semantic/advertorial/color/color-advertorial-light.json +2 -1
- package/dist/json/semantic/bild/color/color-bild-dark.json +2 -1
- package/dist/json/semantic/bild/color/color-bild-light.json +2 -1
- package/dist/json/semantic/sportbild/color/color-sportbild-dark.json +2 -1
- package/dist/json/semantic/sportbild/color/color-sportbild-light.json +2 -1
- package/dist/manifest.json +1 -1
- package/dist/scss/semantic/advertorial/color/color-advertorial-dark.scss +2 -1
- package/dist/scss/semantic/advertorial/color/color-advertorial-light.scss +2 -1
- package/dist/scss/semantic/bild/color/color-bild-dark.scss +2 -1
- package/dist/scss/semantic/bild/color/color-bild-light.scss +2 -1
- package/dist/scss/semantic/sportbild/color/color-sportbild-dark.scss +2 -1
- package/dist/scss/semantic/sportbild/color/color-sportbild-light.scss +2 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
10
|
+
"npmTest": "#476e94",
|
|
11
|
+
"felipeTestColor": "#e8570a"
|
|
11
12
|
},
|
|
12
13
|
"Attention": {
|
|
13
14
|
"accentColorPrimary": "#174582",
|
package/dist/manifest.json
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
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",
|