@ds-mo/tokens 0.2.0 → 0.4.0

package/dist/colors.css

@@ -166,7 +166,6 @@
   --color-always-dark-foreground-positive: var(--color-reference-dark-green-145-l70-c19-bold);
   --color-always-dark-foreground-primary: var(--color-reference-white-100);
   --color-always-dark-foreground-quaternary: var(--color-reference-white-20);
-  --color-always-dark-foreground-quinary: var(--color-reference-white-10);
   --color-always-dark-foreground-secondary: var(--color-reference-white-55);
   --color-always-dark-foreground-tertiary: var(--color-reference-white-35);
   --color-always-dark-foreground-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
@@ -370,6 +369,36 @@
   --color-interaction-on-translucent-background-hover: var(--color-reference-black-15);
   --color-interaction-on-translucent-background-pressed: var(--color-reference-black-20);
   --color-interaction-pressed: var(--color-reference-black-15);
+  --color-inverted-background: var(--color-reference-grey-l18);
+  --color-inverted-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
+  --color-inverted-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
+  --color-inverted-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
+  --color-inverted-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
+  --color-inverted-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
+  --color-inverted-border-neutral: var(--color-reference-grey-l65-dark-bold);
+  --color-inverted-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
+  --color-inverted-border-primary: var(--color-reference-white-20);
+  --color-inverted-border-secondary: var(--color-reference-white-15);
+  --color-inverted-border-tertiary: var(--color-reference-white-10);
+  --color-inverted-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
+  --color-inverted-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
+  --color-inverted-divider: var(--color-reference-white-10);
+  --color-inverted-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
+  --color-inverted-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
+  --color-inverted-foreground-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
+  --color-inverted-foreground-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
+  --color-inverted-foreground-negative: var(--color-reference-dark-red-30-l70-c20-bold);
+  --color-inverted-foreground-neutral: var(--color-reference-grey-l65-dark-bold);
+  --color-inverted-foreground-positive: var(--color-reference-dark-green-145-l70-c19-bold);
+  --color-inverted-foreground-primary: var(--color-reference-white-100);
+  --color-inverted-foreground-quaternary: var(--color-reference-white-20);
+  --color-inverted-foreground-secondary: var(--color-reference-white-55);
+  --color-inverted-foreground-tertiary: var(--color-reference-white-35);
+  --color-inverted-foreground-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
+  --color-inverted-foreground-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
+  --color-inverted-interaction-focus: var(--color-reference-white-15);
+  --color-inverted-interaction-hover: var(--color-reference-white-10);
+  --color-inverted-interaction-pressed: var(--color-reference-white-15);
   --color-location-marker-background-brand: var(--color-reference-light-blue-250-l50-c18-bold);
   --color-location-marker-background-caution: var(--color-reference-light-yellow-85-l85-c20-medium);
   --color-location-marker-background-negative: var(--color-reference-light-red-30-l53-c20-bold);
@@ -458,20 +487,19 @@
   --color-always-dark-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
   --color-always-dark-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
   --color-always-dark-divider: var(--color-reference-white-10);
-  --color-always-dark-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
-  --color-always-dark-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
-  --color-always-dark-foreground-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
-  --color-always-dark-foreground-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
-  --color-always-dark-foreground-negative: var(--color-reference-dark-red-30-l70-c20-bold);
-  --color-always-dark-foreground-neutral: var(--color-reference-grey-l65-dark-bold);
-  --color-always-dark-foreground-positive: var(--color-reference-dark-green-145-l70-c19-bold);
+  --color-always-dark-foreground-ai: var(--color-reference-light-purple-290-l52-c20-bold);
+  --color-always-dark-foreground-brand: var(--color-reference-light-blue-250-l50-c18-bold);
+  --color-always-dark-foreground-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
+  --color-always-dark-foreground-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
+  --color-always-dark-foreground-negative: var(--color-reference-light-red-30-l53-c20-bold);
+  --color-always-dark-foreground-neutral: var(--color-reference-grey-l51-light-bold);
+  --color-always-dark-foreground-positive: var(--color-reference-light-green-145-l50-c19-bold);
   --color-always-dark-foreground-primary: var(--color-reference-white-100);
   --color-always-dark-foreground-quaternary: var(--color-reference-white-20);
-  --color-always-dark-foreground-quinary: var(--color-reference-white-10);
   --color-always-dark-foreground-secondary: var(--color-reference-white-55);
   --color-always-dark-foreground-tertiary: var(--color-reference-white-35);
-  --color-always-dark-foreground-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
-  --color-always-dark-foreground-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
+  --color-always-dark-foreground-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
+  --color-always-dark-foreground-warning: var(--color-reference-light-orange-60-l52-c13-bold);
   --color-always-dark-interaction-focus: var(--color-reference-white-15);
   --color-always-dark-interaction-hover: var(--color-reference-white-10);
   --color-always-dark-interaction-pressed: var(--color-reference-white-15);
@@ -671,6 +699,36 @@
   --color-interaction-on-translucent-background-hover: var(--color-reference-white-15);
   --color-interaction-on-translucent-background-pressed: var(--color-reference-white-20);
   --color-interaction-pressed: var(--color-reference-white-15);
+  --color-inverted-background: var(--color-reference-white-100);
+  --color-inverted-border-ai: var(--color-reference-light-purple-290-l52-c20-bold);
+  --color-inverted-border-brand: var(--color-reference-light-blue-250-l50-c18-bold);
+  --color-inverted-border-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
+  --color-inverted-border-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
+  --color-inverted-border-negative: var(--color-reference-light-red-30-l53-c20-bold);
+  --color-inverted-border-neutral: var(--color-reference-grey-l51-light-bold);
+  --color-inverted-border-positive: var(--color-reference-light-green-145-l50-c19-bold);
+  --color-inverted-border-primary: var(--color-reference-black-20);
+  --color-inverted-border-secondary: var(--color-reference-black-15);
+  --color-inverted-border-tertiary: var(--color-reference-black-10);
+  --color-inverted-border-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
+  --color-inverted-border-warning: var(--color-reference-light-orange-60-l52-c13-bold);
+  --color-inverted-divider: var(--color-reference-black-10);
+  --color-inverted-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
+  --color-inverted-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
+  --color-inverted-foreground-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
+  --color-inverted-foreground-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
+  --color-inverted-foreground-negative: var(--color-reference-dark-red-30-l70-c20-bold);
+  --color-inverted-foreground-neutral: var(--color-reference-grey-l65-dark-bold);
+  --color-inverted-foreground-positive: var(--color-reference-dark-green-145-l70-c19-bold);
+  --color-inverted-foreground-primary: var(--color-reference-black-100);
+  --color-inverted-foreground-quaternary: var(--color-reference-black-20);
+  --color-inverted-foreground-secondary: var(--color-reference-black-60);
+  --color-inverted-foreground-tertiary: var(--color-reference-black-45);
+  --color-inverted-foreground-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
+  --color-inverted-foreground-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
+  --color-inverted-interaction-focus: var(--color-reference-black-15);
+  --color-inverted-interaction-hover: var(--color-reference-black-10);
+  --color-inverted-interaction-pressed: var(--color-reference-black-15);
   --color-location-marker-background-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
   --color-location-marker-background-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
   --color-location-marker-background-negative: var(--color-reference-dark-red-30-l70-c20-bold);

package/dist/index.cjs

@@ -21,7 +21,6 @@ exports.colorAlwaysDarkForegroundNeutral = '--color-always-dark-foreground-neutr
 exports.colorAlwaysDarkForegroundPositive = '--color-always-dark-foreground-positive';
 exports.colorAlwaysDarkForegroundPrimary = '--color-always-dark-foreground-primary';
 exports.colorAlwaysDarkForegroundQuaternary = '--color-always-dark-foreground-quaternary';
-exports.colorAlwaysDarkForegroundQuinary = '--color-always-dark-foreground-quinary';
 exports.colorAlwaysDarkForegroundSecondary = '--color-always-dark-foreground-secondary';
 exports.colorAlwaysDarkForegroundTertiary = '--color-always-dark-foreground-tertiary';
 exports.colorAlwaysDarkForegroundWalkthrough = '--color-always-dark-foreground-walkthrough';
@@ -274,6 +273,36 @@ exports.colorInteractionOnTranslucentBackgroundFocus = '--color-interaction-on-t
 exports.colorInteractionOnTranslucentBackgroundHover = '--color-interaction-on-translucent-background-hover';
 exports.colorInteractionOnTranslucentBackgroundPressed = '--color-interaction-on-translucent-background-pressed';
 exports.colorInteractionPressed = '--color-interaction-pressed';
+exports.colorInvertedBackground = '--color-inverted-background';
+exports.colorInvertedBorderAi = '--color-inverted-border-ai';
+exports.colorInvertedBorderBrand = '--color-inverted-border-brand';
+exports.colorInvertedBorderCaution = '--color-inverted-border-caution';
+exports.colorInvertedBorderGuide = '--color-inverted-border-guide';
+exports.colorInvertedBorderNegative = '--color-inverted-border-negative';
+exports.colorInvertedBorderNeutral = '--color-inverted-border-neutral';
+exports.colorInvertedBorderPositive = '--color-inverted-border-positive';
+exports.colorInvertedBorderPrimary = '--color-inverted-border-primary';
+exports.colorInvertedBorderSecondary = '--color-inverted-border-secondary';
+exports.colorInvertedBorderTertiary = '--color-inverted-border-tertiary';
+exports.colorInvertedBorderWalkthrough = '--color-inverted-border-walkthrough';
+exports.colorInvertedBorderWarning = '--color-inverted-border-warning';
+exports.colorInvertedDivider = '--color-inverted-divider';
+exports.colorInvertedForegroundAi = '--color-inverted-foreground-ai';
+exports.colorInvertedForegroundBrand = '--color-inverted-foreground-brand';
+exports.colorInvertedForegroundCaution = '--color-inverted-foreground-caution';
+exports.colorInvertedForegroundGuide = '--color-inverted-foreground-guide';
+exports.colorInvertedForegroundNegative = '--color-inverted-foreground-negative';
+exports.colorInvertedForegroundNeutral = '--color-inverted-foreground-neutral';
+exports.colorInvertedForegroundPositive = '--color-inverted-foreground-positive';
+exports.colorInvertedForegroundPrimary = '--color-inverted-foreground-primary';
+exports.colorInvertedForegroundQuaternary = '--color-inverted-foreground-quaternary';
+exports.colorInvertedForegroundSecondary = '--color-inverted-foreground-secondary';
+exports.colorInvertedForegroundTertiary = '--color-inverted-foreground-tertiary';
+exports.colorInvertedForegroundWalkthrough = '--color-inverted-foreground-walkthrough';
+exports.colorInvertedForegroundWarning = '--color-inverted-foreground-warning';
+exports.colorInvertedInteractionFocus = '--color-inverted-interaction-focus';
+exports.colorInvertedInteractionHover = '--color-inverted-interaction-hover';
+exports.colorInvertedInteractionPressed = '--color-inverted-interaction-pressed';
 exports.colorLocationMarkerBackgroundBrand = '--color-location-marker-background-brand';
 exports.colorLocationMarkerBackgroundCaution = '--color-location-marker-background-caution';
 exports.colorLocationMarkerBackgroundNegative = '--color-location-marker-background-negative';

package/dist/index.d.ts

@@ -21,7 +21,6 @@ export declare const colorAlwaysDarkForegroundNeutral: '--color-always-dark-fore
 export declare const colorAlwaysDarkForegroundPositive: '--color-always-dark-foreground-positive';
 export declare const colorAlwaysDarkForegroundPrimary: '--color-always-dark-foreground-primary';
 export declare const colorAlwaysDarkForegroundQuaternary: '--color-always-dark-foreground-quaternary';
-export declare const colorAlwaysDarkForegroundQuinary: '--color-always-dark-foreground-quinary';
 export declare const colorAlwaysDarkForegroundSecondary: '--color-always-dark-foreground-secondary';
 export declare const colorAlwaysDarkForegroundTertiary: '--color-always-dark-foreground-tertiary';
 export declare const colorAlwaysDarkForegroundWalkthrough: '--color-always-dark-foreground-walkthrough';
@@ -274,6 +273,36 @@ export declare const colorInteractionOnTranslucentBackgroundFocus: '--color-inte
 export declare const colorInteractionOnTranslucentBackgroundHover: '--color-interaction-on-translucent-background-hover';
 export declare const colorInteractionOnTranslucentBackgroundPressed: '--color-interaction-on-translucent-background-pressed';
 export declare const colorInteractionPressed: '--color-interaction-pressed';
+export declare const colorInvertedBackground: '--color-inverted-background';
+export declare const colorInvertedBorderAi: '--color-inverted-border-ai';
+export declare const colorInvertedBorderBrand: '--color-inverted-border-brand';
+export declare const colorInvertedBorderCaution: '--color-inverted-border-caution';
+export declare const colorInvertedBorderGuide: '--color-inverted-border-guide';
+export declare const colorInvertedBorderNegative: '--color-inverted-border-negative';
+export declare const colorInvertedBorderNeutral: '--color-inverted-border-neutral';
+export declare const colorInvertedBorderPositive: '--color-inverted-border-positive';
+export declare const colorInvertedBorderPrimary: '--color-inverted-border-primary';
+export declare const colorInvertedBorderSecondary: '--color-inverted-border-secondary';
+export declare const colorInvertedBorderTertiary: '--color-inverted-border-tertiary';
+export declare const colorInvertedBorderWalkthrough: '--color-inverted-border-walkthrough';
+export declare const colorInvertedBorderWarning: '--color-inverted-border-warning';
+export declare const colorInvertedDivider: '--color-inverted-divider';
+export declare const colorInvertedForegroundAi: '--color-inverted-foreground-ai';
+export declare const colorInvertedForegroundBrand: '--color-inverted-foreground-brand';
+export declare const colorInvertedForegroundCaution: '--color-inverted-foreground-caution';
+export declare const colorInvertedForegroundGuide: '--color-inverted-foreground-guide';
+export declare const colorInvertedForegroundNegative: '--color-inverted-foreground-negative';
+export declare const colorInvertedForegroundNeutral: '--color-inverted-foreground-neutral';
+export declare const colorInvertedForegroundPositive: '--color-inverted-foreground-positive';
+export declare const colorInvertedForegroundPrimary: '--color-inverted-foreground-primary';
+export declare const colorInvertedForegroundQuaternary: '--color-inverted-foreground-quaternary';
+export declare const colorInvertedForegroundSecondary: '--color-inverted-foreground-secondary';
+export declare const colorInvertedForegroundTertiary: '--color-inverted-foreground-tertiary';
+export declare const colorInvertedForegroundWalkthrough: '--color-inverted-foreground-walkthrough';
+export declare const colorInvertedForegroundWarning: '--color-inverted-foreground-warning';
+export declare const colorInvertedInteractionFocus: '--color-inverted-interaction-focus';
+export declare const colorInvertedInteractionHover: '--color-inverted-interaction-hover';
+export declare const colorInvertedInteractionPressed: '--color-inverted-interaction-pressed';
 export declare const colorLocationMarkerBackgroundBrand: '--color-location-marker-background-brand';
 export declare const colorLocationMarkerBackgroundCaution: '--color-location-marker-background-caution';
 export declare const colorLocationMarkerBackgroundNegative: '--color-location-marker-background-negative';

package/dist/index.mjs

@@ -21,7 +21,6 @@ export const colorAlwaysDarkForegroundNeutral = '--color-always-dark-foreground-
 export const colorAlwaysDarkForegroundPositive = '--color-always-dark-foreground-positive';
 export const colorAlwaysDarkForegroundPrimary = '--color-always-dark-foreground-primary';
 export const colorAlwaysDarkForegroundQuaternary = '--color-always-dark-foreground-quaternary';
-export const colorAlwaysDarkForegroundQuinary = '--color-always-dark-foreground-quinary';
 export const colorAlwaysDarkForegroundSecondary = '--color-always-dark-foreground-secondary';
 export const colorAlwaysDarkForegroundTertiary = '--color-always-dark-foreground-tertiary';
 export const colorAlwaysDarkForegroundWalkthrough = '--color-always-dark-foreground-walkthrough';
@@ -274,6 +273,36 @@ export const colorInteractionOnTranslucentBackgroundFocus = '--color-interaction
 export const colorInteractionOnTranslucentBackgroundHover = '--color-interaction-on-translucent-background-hover';
 export const colorInteractionOnTranslucentBackgroundPressed = '--color-interaction-on-translucent-background-pressed';
 export const colorInteractionPressed = '--color-interaction-pressed';
+export const colorInvertedBackground = '--color-inverted-background';
+export const colorInvertedBorderAi = '--color-inverted-border-ai';
+export const colorInvertedBorderBrand = '--color-inverted-border-brand';
+export const colorInvertedBorderCaution = '--color-inverted-border-caution';
+export const colorInvertedBorderGuide = '--color-inverted-border-guide';
+export const colorInvertedBorderNegative = '--color-inverted-border-negative';
+export const colorInvertedBorderNeutral = '--color-inverted-border-neutral';
+export const colorInvertedBorderPositive = '--color-inverted-border-positive';
+export const colorInvertedBorderPrimary = '--color-inverted-border-primary';
+export const colorInvertedBorderSecondary = '--color-inverted-border-secondary';
+export const colorInvertedBorderTertiary = '--color-inverted-border-tertiary';
+export const colorInvertedBorderWalkthrough = '--color-inverted-border-walkthrough';
+export const colorInvertedBorderWarning = '--color-inverted-border-warning';
+export const colorInvertedDivider = '--color-inverted-divider';
+export const colorInvertedForegroundAi = '--color-inverted-foreground-ai';
+export const colorInvertedForegroundBrand = '--color-inverted-foreground-brand';
+export const colorInvertedForegroundCaution = '--color-inverted-foreground-caution';
+export const colorInvertedForegroundGuide = '--color-inverted-foreground-guide';
+export const colorInvertedForegroundNegative = '--color-inverted-foreground-negative';
+export const colorInvertedForegroundNeutral = '--color-inverted-foreground-neutral';
+export const colorInvertedForegroundPositive = '--color-inverted-foreground-positive';
+export const colorInvertedForegroundPrimary = '--color-inverted-foreground-primary';
+export const colorInvertedForegroundQuaternary = '--color-inverted-foreground-quaternary';
+export const colorInvertedForegroundSecondary = '--color-inverted-foreground-secondary';
+export const colorInvertedForegroundTertiary = '--color-inverted-foreground-tertiary';
+export const colorInvertedForegroundWalkthrough = '--color-inverted-foreground-walkthrough';
+export const colorInvertedForegroundWarning = '--color-inverted-foreground-warning';
+export const colorInvertedInteractionFocus = '--color-inverted-interaction-focus';
+export const colorInvertedInteractionHover = '--color-inverted-interaction-hover';
+export const colorInvertedInteractionPressed = '--color-inverted-interaction-pressed';
 export const colorLocationMarkerBackgroundBrand = '--color-location-marker-background-brand';
 export const colorLocationMarkerBackgroundCaution = '--color-location-marker-background-caution';
 export const colorLocationMarkerBackgroundNegative = '--color-location-marker-background-negative';

package/dist/json/colors.json

@@ -621,31 +621,31 @@
   },
   "--color-always-dark-foreground-ai": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-purple-290-l67-c20-bold)"
+    "$value": "var(--color-reference-light-purple-290-l52-c20-bold)"
   },
   "--color-always-dark-foreground-brand": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)"
   },
   "--color-always-dark-foreground-caution": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-yellow-85-l80-c18-bold)"
+    "$value": "var(--color-reference-light-yellow-85-l51-c12-bold)"
   },
   "--color-always-dark-foreground-guide": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-cyan-215-l70-c15-bold)"
+    "$value": "var(--color-reference-light-cyan-215-l51-c11-bold)"
   },
   "--color-always-dark-foreground-negative": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-red-30-l70-c20-bold)"
+    "$value": "var(--color-reference-light-red-30-l53-c20-bold)"
   },
   "--color-always-dark-foreground-neutral": {
     "$type": "color",
-    "$value": "var(--color-reference-grey-l65-dark-bold)"
+    "$value": "var(--color-reference-grey-l51-light-bold)"
   },
   "--color-always-dark-foreground-positive": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-green-145-l70-c19-bold)"
+    "$value": "var(--color-reference-light-green-145-l50-c19-bold)"
   },
   "--color-always-dark-foreground-primary": {
     "$type": "color",
@@ -655,10 +655,6 @@
     "$type": "color",
     "$value": "var(--color-reference-white-20)"
   },
-  "--color-always-dark-foreground-quinary": {
-    "$type": "color",
-    "$value": "var(--color-reference-white-10)"
-  },
   "--color-always-dark-foreground-secondary": {
     "$type": "color",
     "$value": "var(--color-reference-white-55)"
@@ -669,11 +665,11 @@
   },
   "--color-always-dark-foreground-walkthrough": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-teal-180-l70-c15-bold)"
+    "$value": "var(--color-reference-light-teal-180-l50-c12-bold)"
   },
   "--color-always-dark-foreground-warning": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-orange-60-l75-c20-bold)"
+    "$value": "var(--color-reference-light-orange-60-l52-c13-bold)"
   },
   "--color-always-dark-interaction-focus": {
     "$type": "color",
@@ -1471,6 +1467,126 @@
     "$type": "color",
     "$value": "var(--color-reference-white-15)"
   },
+  "--color-inverted-background": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-100)"
+  },
+  "--color-inverted-border-ai": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-purple-290-l52-c20-bold)"
+  },
+  "--color-inverted-border-brand": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)"
+  },
+  "--color-inverted-border-caution": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-yellow-85-l51-c12-bold)"
+  },
+  "--color-inverted-border-guide": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-cyan-215-l51-c11-bold)"
+  },
+  "--color-inverted-border-negative": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-red-30-l53-c20-bold)"
+  },
+  "--color-inverted-border-neutral": {
+    "$type": "color",
+    "$value": "var(--color-reference-grey-l51-light-bold)"
+  },
+  "--color-inverted-border-positive": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-green-145-l50-c19-bold)"
+  },
+  "--color-inverted-border-primary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-20)"
+  },
+  "--color-inverted-border-secondary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)"
+  },
+  "--color-inverted-border-tertiary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-10)"
+  },
+  "--color-inverted-border-walkthrough": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-teal-180-l50-c12-bold)"
+  },
+  "--color-inverted-border-warning": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-orange-60-l52-c13-bold)"
+  },
+  "--color-inverted-divider": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-10)"
+  },
+  "--color-inverted-foreground-ai": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-purple-290-l67-c20-bold)"
+  },
+  "--color-inverted-foreground-brand": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+  },
+  "--color-inverted-foreground-caution": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-yellow-85-l80-c18-bold)"
+  },
+  "--color-inverted-foreground-guide": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-cyan-215-l70-c15-bold)"
+  },
+  "--color-inverted-foreground-negative": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-red-30-l70-c20-bold)"
+  },
+  "--color-inverted-foreground-neutral": {
+    "$type": "color",
+    "$value": "var(--color-reference-grey-l65-dark-bold)"
+  },
+  "--color-inverted-foreground-positive": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-green-145-l70-c19-bold)"
+  },
+  "--color-inverted-foreground-primary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-100)"
+  },
+  "--color-inverted-foreground-quaternary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-20)"
+  },
+  "--color-inverted-foreground-secondary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-60)"
+  },
+  "--color-inverted-foreground-tertiary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-45)"
+  },
+  "--color-inverted-foreground-walkthrough": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-teal-180-l70-c15-bold)"
+  },
+  "--color-inverted-foreground-warning": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-orange-60-l75-c20-bold)"
+  },
+  "--color-inverted-interaction-focus": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)"
+  },
+  "--color-inverted-interaction-hover": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-10)"
+  },
+  "--color-inverted-interaction-pressed": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)"
+  },
   "--color-location-marker-background-brand": {
     "$type": "color",
     "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"

package/dist/tokens.json

@@ -621,31 +621,31 @@
   },
   "--color-always-dark-foreground-ai": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-purple-290-l67-c20-bold)"
+    "$value": "var(--color-reference-light-purple-290-l52-c20-bold)"
   },
   "--color-always-dark-foreground-brand": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)"
   },
   "--color-always-dark-foreground-caution": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-yellow-85-l80-c18-bold)"
+    "$value": "var(--color-reference-light-yellow-85-l51-c12-bold)"
   },
   "--color-always-dark-foreground-guide": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-cyan-215-l70-c15-bold)"
+    "$value": "var(--color-reference-light-cyan-215-l51-c11-bold)"
   },
   "--color-always-dark-foreground-negative": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-red-30-l70-c20-bold)"
+    "$value": "var(--color-reference-light-red-30-l53-c20-bold)"
   },
   "--color-always-dark-foreground-neutral": {
     "$type": "color",
-    "$value": "var(--color-reference-grey-l65-dark-bold)"
+    "$value": "var(--color-reference-grey-l51-light-bold)"
   },
   "--color-always-dark-foreground-positive": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-green-145-l70-c19-bold)"
+    "$value": "var(--color-reference-light-green-145-l50-c19-bold)"
   },
   "--color-always-dark-foreground-primary": {
     "$type": "color",
@@ -655,10 +655,6 @@
     "$type": "color",
     "$value": "var(--color-reference-white-20)"
   },
-  "--color-always-dark-foreground-quinary": {
-    "$type": "color",
-    "$value": "var(--color-reference-white-10)"
-  },
   "--color-always-dark-foreground-secondary": {
     "$type": "color",
     "$value": "var(--color-reference-white-55)"
@@ -669,11 +665,11 @@
   },
   "--color-always-dark-foreground-walkthrough": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-teal-180-l70-c15-bold)"
+    "$value": "var(--color-reference-light-teal-180-l50-c12-bold)"
   },
   "--color-always-dark-foreground-warning": {
     "$type": "color",
-    "$value": "var(--color-reference-dark-orange-60-l75-c20-bold)"
+    "$value": "var(--color-reference-light-orange-60-l52-c13-bold)"
   },
   "--color-always-dark-interaction-focus": {
     "$type": "color",
@@ -1471,6 +1467,126 @@
     "$type": "color",
     "$value": "var(--color-reference-white-15)"
   },
+  "--color-inverted-background": {
+    "$type": "color",
+    "$value": "var(--color-reference-white-100)"
+  },
+  "--color-inverted-border-ai": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-purple-290-l52-c20-bold)"
+  },
+  "--color-inverted-border-brand": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-blue-250-l50-c18-bold)"
+  },
+  "--color-inverted-border-caution": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-yellow-85-l51-c12-bold)"
+  },
+  "--color-inverted-border-guide": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-cyan-215-l51-c11-bold)"
+  },
+  "--color-inverted-border-negative": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-red-30-l53-c20-bold)"
+  },
+  "--color-inverted-border-neutral": {
+    "$type": "color",
+    "$value": "var(--color-reference-grey-l51-light-bold)"
+  },
+  "--color-inverted-border-positive": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-green-145-l50-c19-bold)"
+  },
+  "--color-inverted-border-primary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-20)"
+  },
+  "--color-inverted-border-secondary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)"
+  },
+  "--color-inverted-border-tertiary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-10)"
+  },
+  "--color-inverted-border-walkthrough": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-teal-180-l50-c12-bold)"
+  },
+  "--color-inverted-border-warning": {
+    "$type": "color",
+    "$value": "var(--color-reference-light-orange-60-l52-c13-bold)"
+  },
+  "--color-inverted-divider": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-10)"
+  },
+  "--color-inverted-foreground-ai": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-purple-290-l67-c20-bold)"
+  },
+  "--color-inverted-foreground-brand": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"
+  },
+  "--color-inverted-foreground-caution": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-yellow-85-l80-c18-bold)"
+  },
+  "--color-inverted-foreground-guide": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-cyan-215-l70-c15-bold)"
+  },
+  "--color-inverted-foreground-negative": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-red-30-l70-c20-bold)"
+  },
+  "--color-inverted-foreground-neutral": {
+    "$type": "color",
+    "$value": "var(--color-reference-grey-l65-dark-bold)"
+  },
+  "--color-inverted-foreground-positive": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-green-145-l70-c19-bold)"
+  },
+  "--color-inverted-foreground-primary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-100)"
+  },
+  "--color-inverted-foreground-quaternary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-20)"
+  },
+  "--color-inverted-foreground-secondary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-60)"
+  },
+  "--color-inverted-foreground-tertiary": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-45)"
+  },
+  "--color-inverted-foreground-walkthrough": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-teal-180-l70-c15-bold)"
+  },
+  "--color-inverted-foreground-warning": {
+    "$type": "color",
+    "$value": "var(--color-reference-dark-orange-60-l75-c20-bold)"
+  },
+  "--color-inverted-interaction-focus": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)"
+  },
+  "--color-inverted-interaction-hover": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-10)"
+  },
+  "--color-inverted-interaction-pressed": {
+    "$type": "color",
+    "$value": "var(--color-reference-black-15)"
+  },
   "--color-location-marker-background-brand": {
     "$type": "color",
     "$value": "var(--color-reference-dark-blue-250-l65-c20-bold)"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/tokens",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "TokoMo design tokens — colors, dimensions, typography, and effects as CSS custom properties, JSON, and TypeScript constants",
   "keywords": [
     "design-tokens",
@@ -15,13 +15,13 @@
     "theming",
     "dark-mode"
   ],
-  "homepage": "https://github.com/zainadeel/TokoMo#readme",
+  "homepage": "https://github.com/zainadeel/tokomo#readme",
   "bugs": {
-    "url": "https://github.com/zainadeel/TokoMo/issues"
+    "url": "https://github.com/zainadeel/tokomo/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/zainadeel/TokoMo.git"
+    "url": "git+https://github.com/zainadeel/tokomo.git"
   },
   "license": "MIT",
   "type": "module",