@kickstartds/ds-agency-premium 1.2.9 → 1.2.10--canary.171.76273d8.0

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Feb 2024 14:07:28 GMT
+ * Generated on Wed, 28 Feb 2024 12:26:54 GMT
  */
 
 :root, [ks-theme] {
@@ -9,29 +9,29 @@
   --ks-background-color-bold-base: var(--ks-color-primary-to-bg-6-base);
   --ks-background-color-bold-inverted-base: #c0b5ef;
   --ks-background-color-clear-base: var(--ks-color-transparent-base);
-  --ks-background-color-clear-interactive-base: var(--ks-color-transparent-base);
-  --ks-background-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
-  --ks-background-color-clear-interactive-active-base: var(--ks-color-primary-alpha-7-base);
-  --ks-background-color-clear-interactive-selected-base: var(--ks-color-primary-alpha-6-base);
+  --ks-background-color-clear-interactive-base: var(--ks-color-fg-alpha-8-base);
+  --ks-background-color-clear-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
+  --ks-background-color-clear-interactive-active-base: var(--ks-color-fg-alpha-6-base);
+  --ks-background-color-clear-interactive-selected-base: var(--ks-color-fg-alpha-6-base);
   --ks-background-color-clear-inverted-base: var(--ks-color-transparent-base);
-  --ks-background-color-clear-inverted-interactive-base: var(--ks-color-transparent-base);
-  --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
-  --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
-  --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
+  --ks-background-color-clear-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-8-base);
+  --ks-background-color-clear-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
+  --ks-background-color-clear-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
+  --ks-background-color-clear-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-6-base);
   --ks-background-color-default-base: var(--ks-color-bg-base);
   --ks-background-color-default-inverted-base: var(--ks-color-bg-inverted-base);
   --ks-background-color-interface-base: var(--ks-color-fg-alpha-8-base);
-  --ks-background-color-interface-interactive-base: var(--ks-color-transparent-base);
-  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-9-base);
-  --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-8-base);
-  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-9-base);
-  --ks-background-color-interface-interactive-selected-base: var(--ks-color-primary-inverted-base);
-  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-9-base);
-  --ks-background-color-interface-inverted-interactive-base: rgba(0,0,0,0);
-  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-9-base);
+  --ks-background-color-interface-interactive-base: var(--ks-color-fg-alpha-9-base);
+  --ks-background-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-5-base);
+  --ks-background-color-interface-interactive-hover-base: var(--ks-color-fg-alpha-7-base);
+  --ks-background-color-interface-interactive-active-base: var(--ks-color-fg-alpha-6-base);
+  --ks-background-color-interface-interactive-selected-base: var(--ks-color-secondary-base);
+  --ks-background-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-8-base);
+  --ks-background-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-9-base);
+  --ks-background-color-interface-inverted-interactive-disabled-base: var(--ks-color-fg-inverted-alpha-5-base);
   --ks-background-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-alpha-7-base);
-  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-9-base);
-  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-primary-base);
+  --ks-background-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-alpha-6-base);
+  --ks-background-color-interface-inverted-interactive-selected-base: var(--ks-color-fg-inverted-alpha-6-base);
   --ks-background-color-primary-base: var(--ks-color-primary-base);
   --ks-background-color-primary-interactive-base: var(--ks-color-primary-base);
   --ks-background-color-primary-interactive-hover-base: var(--ks-color-primary-to-bg-2-base);
@@ -482,36 +482,36 @@
   --ks-spacing-inset-stretch-m: var(--ks-spacing-l) var(--ks-spacing-m);
   --ks-spacing-inset-stretch-l: var(--ks-spacing-xl) var(--ks-spacing-l);
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
-  --ks-text-color-default-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-default-base: var(--ks-color-fg-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
-  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
-  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
-  --ks-text-color-default-interactive-visited-base: var(--ks-color-link-base);
+  --ks-text-color-default-interactive-hover-base: var(--ks-color-fg-base);
+  --ks-text-color-default-interactive-active-base: var(--ks-color-fg-base);
+  --ks-text-color-default-interactive-visited-base: var(--ks-color-fg-base);
   --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-3-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-visited-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-interface-base: var(--ks-color-fg-alpha-2-base);
-  --ks-text-color-interface-interactive-base: var(--ks-color-fg-base);
-  --ks-text-color-interface-interactive-hover-base: #000;
-  --ks-text-color-interface-interactive-active-base: #000;
-  --ks-text-color-interface-interactive-visited-base: #000;
+  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
+  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
+  --ks-text-color-default-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
+  --ks-text-color-interface-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-interface-interactive-base: var(--ks-color-fg-alpha-3-base);
+  --ks-text-color-interface-interactive-hover-base: var(--ks-color-fg-base);
+  --ks-text-color-interface-interactive-active-base: var(--ks-color-fg-base);
+  --ks-text-color-interface-interactive-visited-base: var(--ks-color-fg-base);
   --ks-text-color-interface-inverted-base: var(--ks-color-fg-inverted-alpha-2-base);
-  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-base);
+  --ks-text-color-interface-inverted-interactive-base: var(--ks-color-fg-inverted-alpha-3-base);
   --ks-text-color-interface-inverted-interactive-hover-base: var(--ks-color-fg-inverted-base);
   --ks-text-color-interface-inverted-interactive-active-base: var(--ks-color-fg-inverted-base);
   --ks-text-color-interface-inverted-interactive-visited-base: var(--ks-color-fg-inverted-base);
   --ks-text-color-primary-base: var(--ks-color-secondary-base);
-  --ks-text-color-primary-interactive-base: var(--ks-color-primary-alpha-2-base);
-  --ks-text-color-primary-interactive-hover-base: var(--ks-color-primary-alpha-2-base);
-  --ks-text-color-primary-interactive-active-base: var(--ks-color-primary-alpha-2-base);
-  --ks-text-color-primary-interactive-visited-base: var(--ks-color-primary-alpha-2-base);
+  --ks-text-color-primary-interactive-base: var(--ks-color-secondary-base);
+  --ks-text-color-primary-interactive-hover-base: var(--ks-color-secondary-alpha-2-base);
+  --ks-text-color-primary-interactive-active-base: var(--ks-color-secondary-alpha-2-base);
+  --ks-text-color-primary-interactive-visited-base: var(--ks-color-primary-alpha-3-base);
   --ks-text-color-primary-inverted-base: var(--ks-color-secondary-inverted-base);
-  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-primary-inverted-alpha-2-base);
-  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-2-base);
-  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-2-base);
-  --ks-text-color-primary-inverted-interactive-visited-base: var(--ks-color-primary-inverted-alpha-2-base);
+  --ks-text-color-primary-inverted-interactive-base: var(--ks-color-secondary-inverted-base);
+  --ks-text-color-primary-inverted-interactive-hover-base: var(--ks-color-secondary-inverted-alpha-2-base);
+  --ks-text-color-primary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-alpha-2-base);
+  --ks-text-color-primary-inverted-interactive-visited-base: var(--ks-color-secondary-inverted-alpha-3-base);
   --ks-duration-immediate: 50ms;
   --ks-duration-fast: 100ms;
   --ks-duration-medium: 150ms;

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 07 Feb 2024 14:07:29 GMT
+ * Generated on Wed, 28 Feb 2024 12:26:54 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#100e36";
@@ -8,29 +8,29 @@ export const KsBackgroundColorAccentInvertedBase = "#e9e5fa";
 export const KsBackgroundColorBoldBase = "#231961";
 export const KsBackgroundColorBoldInvertedBase = "#c0b5ef";
 export const KsBackgroundColorClearBase = "rgba(0, 0, 0, 0)";
-export const KsBackgroundColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
-export const KsBackgroundColorClearInteractiveHoverBase = "rgba(84, 53, 210, 0.13)";
-export const KsBackgroundColorClearInteractiveActiveBase = "rgba(84, 53, 210, 0.24)";
-export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(84, 53, 210, 0.37)";
+export const KsBackgroundColorClearInteractiveBase = "rgba(255, 255, 255, 0.13)";
+export const KsBackgroundColorClearInteractiveHoverBase = "rgba(255, 255, 255, 0.24)";
+export const KsBackgroundColorClearInteractiveActiveBase = "rgba(255, 255, 255, 0.37)";
+export const KsBackgroundColorClearInteractiveSelectedBase = "rgba(255, 255, 255, 0.37)";
 export const KsBackgroundColorClearInvertedBase = "rgba(0, 0, 0, 0)";
-export const KsBackgroundColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
-export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(226, 24, 121, 0.24)";
-export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(226, 24, 121, 0.37)";
-export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(226, 24, 121, 0.5)";
+export const KsBackgroundColorClearInvertedInteractiveBase = "rgba(6, 8, 31, 0.13)";
+export const KsBackgroundColorClearInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.24)";
+export const KsBackgroundColorClearInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.37)";
+export const KsBackgroundColorClearInvertedInteractiveSelectedBase = "rgba(6, 8, 31, 0.37)";
 export const KsBackgroundColorDefaultBase = "#06081f";
 export const KsBackgroundColorDefaultInvertedBase = "#f1f1f3";
 export const KsBackgroundColorInterfaceBase = "rgba(255, 255, 255, 0.13)";
-export const KsBackgroundColorInterfaceInteractiveBase = "rgba(0, 0, 0, 0)";
-export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.05)";
-export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.13)";
-export const KsBackgroundColorInterfaceInteractiveActiveBase = "rgba(255, 255, 255, 0.05)";
+export const KsBackgroundColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.05)";
+export const KsBackgroundColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.5)";
+export const KsBackgroundColorInterfaceInteractiveHoverBase = "rgba(255, 255, 255, 0.24)";
+export const KsBackgroundColorInterfaceInteractiveActiveBase = "rgba(255, 255, 255, 0.37)";
 export const KsBackgroundColorInterfaceInteractiveSelectedBase = "#e21879";
-export const KsBackgroundColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.05)";
-export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
-export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.05)";
+export const KsBackgroundColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.13)";
+export const KsBackgroundColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.05)";
+export const KsBackgroundColorInterfaceInvertedInteractiveDisabledBase = "rgba(6, 8, 31, 0.5)";
 export const KsBackgroundColorInterfaceInvertedInteractiveHoverBase = "rgba(6, 8, 31, 0.24)";
-export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.05)";
-export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "#5435d2";
+export const KsBackgroundColorInterfaceInvertedInteractiveActiveBase = "rgba(6, 8, 31, 0.37)";
+export const KsBackgroundColorInterfaceInvertedInteractiveSelectedBase = "rgba(6, 8, 31, 0.37)";
 export const KsBackgroundColorPrimaryBase = "#5435d2";
 export const KsBackgroundColorPrimaryInteractiveBase = "#5435d2";
 export const KsBackgroundColorPrimaryInteractiveHoverBase = "#4a2fbb";
@@ -485,36 +485,36 @@ export const KsSpacingInsetStretchS = "0.75rem 0.5172rem";
 export const KsSpacingInsetStretchM = "1.0875rem 0.75rem";
 export const KsSpacingInsetStretchL = "1.5769rem 1.0875rem";
 export const KsSpacingInsetStretchXl = "2.2865rem 1.5769rem";
-export const KsTextColorDefaultBase = "rgba(255, 255, 255, 0.76)";
+export const KsTextColorDefaultBase = "#ffffff";
 export const KsTextColorDefaultInteractiveBase = "#b7a5ff";
-export const KsTextColorDefaultInteractiveHoverBase = "#b7a5ff";
-export const KsTextColorDefaultInteractiveActiveBase = "#b7a5ff";
-export const KsTextColorDefaultInteractiveVisitedBase = "#b7a5ff";
+export const KsTextColorDefaultInteractiveHoverBase = "#ffffff";
+export const KsTextColorDefaultInteractiveActiveBase = "#ffffff";
+export const KsTextColorDefaultInteractiveVisitedBase = "#ffffff";
 export const KsTextColorDefaultInvertedBase = "rgba(6, 8, 31, 0.76)";
 export const KsTextColorDefaultInvertedInteractiveBase = "#6642f6";
-export const KsTextColorDefaultInvertedInteractiveHoverBase = "#6642f6";
-export const KsTextColorDefaultInvertedInteractiveActiveBase = "#6642f6";
-export const KsTextColorDefaultInvertedInteractiveVisitedBase = "#6642f6";
-export const KsTextColorInterfaceBase = "rgba(255, 255, 255, 0.87)";
-export const KsTextColorInterfaceInteractiveBase = "#ffffff";
-export const KsTextColorInterfaceInteractiveHoverBase = "#000000";
-export const KsTextColorInterfaceInteractiveActiveBase = "#000000";
-export const KsTextColorInterfaceInteractiveVisitedBase = "#000000";
+export const KsTextColorDefaultInvertedInteractiveHoverBase = "#06081f";
+export const KsTextColorDefaultInvertedInteractiveActiveBase = "#06081f";
+export const KsTextColorDefaultInvertedInteractiveVisitedBase = "#06081f";
+export const KsTextColorInterfaceBase = "rgba(255, 255, 255, 0.76)";
+export const KsTextColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.76)";
+export const KsTextColorInterfaceInteractiveHoverBase = "#ffffff";
+export const KsTextColorInterfaceInteractiveActiveBase = "#ffffff";
+export const KsTextColorInterfaceInteractiveVisitedBase = "#ffffff";
 export const KsTextColorInterfaceInvertedBase = "rgba(6, 8, 31, 0.87)";
-export const KsTextColorInterfaceInvertedInteractiveBase = "#06081f";
+export const KsTextColorInterfaceInvertedInteractiveBase = "rgba(6, 8, 31, 0.76)";
 export const KsTextColorInterfaceInvertedInteractiveHoverBase = "#06081f";
 export const KsTextColorInterfaceInvertedInteractiveActiveBase = "#06081f";
 export const KsTextColorInterfaceInvertedInteractiveVisitedBase = "#06081f";
 export const KsTextColorPrimaryBase = "#e21879";
-export const KsTextColorPrimaryInteractiveBase = "rgba(84, 53, 210, 0.87)";
-export const KsTextColorPrimaryInteractiveHoverBase = "rgba(84, 53, 210, 0.87)";
-export const KsTextColorPrimaryInteractiveActiveBase = "rgba(84, 53, 210, 0.87)";
-export const KsTextColorPrimaryInteractiveVisitedBase = "rgba(84, 53, 210, 0.87)";
+export const KsTextColorPrimaryInteractiveBase = "#e21879";
+export const KsTextColorPrimaryInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
+export const KsTextColorPrimaryInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
+export const KsTextColorPrimaryInteractiveVisitedBase = "rgba(84, 53, 210, 0.76)";
 export const KsTextColorPrimaryInvertedBase = "#5435d2";
-export const KsTextColorPrimaryInvertedInteractiveBase = "rgba(226, 24, 121, 0.87)";
-export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(226, 24, 121, 0.87)";
-export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(226, 24, 121, 0.87)";
-export const KsTextColorPrimaryInvertedInteractiveVisitedBase = "rgba(226, 24, 121, 0.87)";
+export const KsTextColorPrimaryInvertedInteractiveBase = "#5435d2";
+export const KsTextColorPrimaryInvertedInteractiveHoverBase = "rgba(84, 53, 210, 0.87)";
+export const KsTextColorPrimaryInvertedInteractiveActiveBase = "rgba(84, 53, 210, 0.87)";
+export const KsTextColorPrimaryInvertedInteractiveVisitedBase = "rgba(84, 53, 210, 0.76)";
 export const KsDurationImmediate = "50ms";
 export const KsDurationFast = "100ms";
 export const KsDurationMedium = "150ms";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.2.9",
+  "version": "1.2.10--canary.171.76273d8.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -40,12 +40,13 @@
   "scripts": {
     "build-storybook": "yarn build-tokens && yarn schema && yarn token && storybook build",
     "postbuild-storybook": "yarn playroom:snippets && yarn playroom:build",
-    "build-tokens-ds-agency": "kickstartDS tokens compile",
-    "build-tokens-lughausen": "kickstartDS tokens compile --token-dictionary-path src/token-lughausen/dictionary --sd-config-path sd.config-lughausen.cjs",
+    "build-tokens": "kickstartDS tokens compile && yarn build-tokens-business && yarn build-tokens-ngo && yarn build-tokens-telekom && yarn build-tokens-google && yarn  && yarn copyTokensCss",
+    "build-tokens-business": "kickstartDS tokens compile --token-dictionary-path src/token-business/dictionary --sd-config-path sd.config-business.cjs",
+    "build-tokens-ngo": "kickstartDS tokens compile --token-dictionary-path src/token-ngo/dictionary --sd-config-path sd.config-ngo.cjs",
     "build-tokens-google": "kickstartDS tokens compile --token-dictionary-path src/token-google/dictionary --sd-config-path sd.config-google.cjs",
     "build-tokens-telekom": "kickstartDS tokens compile --token-dictionary-path src/token-telekom/dictionary --sd-config-path sd.config-telekom.cjs",
-    "build-tokens": "run-s build-tokens-* && node scripts/patchThemeTokens.js",
     "chromatic": "chromatic --build-script-name \"build-storybook\" --output-dir \"storybook-static\" --skip \"@(renovate/**|dependabot/**)\" --exit-zero-on-changes --exit-once-uploaded",
+    "copyTokensCss": "cp src/token/tokens.css static/tokens.css && cp src/token-business/tokens.css static/tokens-business.css && cp src/token-google/tokens.css static/tokens-google.css && cp src/token-telekom/tokens.css static/tokens-telekom.css && cp src/token-ngo/tokens.css static/tokens-ngo.css",
     "init-tokens": "kickstartDS tokens init",
     "playroom": "run-p watch:* playroom:start",
     "playroom:snippets": "rimraf tmp && node scripts/generatePlayroomSnippets.js",