@reliability-design/web 1.4.0 → 1.4.1

package/dist/styles/vars.css

@@ -651,3 +651,216 @@
 
   --rel-border-info: var(--rel-colors-blue-400); /* ADDED */
 }
+
+/* ==================== V1 COMPAT — DEPRECATED ALIAS BLOCK ====================
+   Restores every custom property that existed in @reliability-design/web 1.3.x
+   but was renamed/removed by the RelDS 2.0 token rework (v1.4.0). Consumers on
+   the V1 names keep working; each name resolves to its RelDS 2.0 equivalent
+   (per tempf/COMPONENT-TOKEN-MIGRATION-MAP.md) or, where 2.0 has no
+   counterpart, to its literal 1.3.x value.
+
+   Deprecated since 1.4.1 — REMOVAL TARGETED FOR 3.0 (see tempf/CLAUDE.md
+   "Backward compat"). Migrate to the 2.0 semantic tokens.
+
+   Notes:
+   - Aliases follow the 2.0 dark palette automatically (neutral grays), NOT the
+     retired 1.x blue-tinted dark values — intentional per governance.
+   - Context-dependent V1 names map to the dictionary's primary target; the
+     choice is noted inline where non-obvious.
+   - This fragment is appended to vars.css by figma-pipeline/scripts/build-vars.ts.
+   ============================================================================ */
+
+:root {
+  /* ---------- V1 border radii ---------- */
+  --rel-borders-radius-border-radius-0: var(--rel-border-radius-square);
+  --rel-borders-radius-border-radius-100: 2px; /* 2px step removed in 2.0 — keep V1 literal */
+  --rel-borders-radius-border-radius-200: var(--rel-border-radius-sm);
+  --rel-borders-radius-border-radius-300: var(--rel-border-radius-md);
+  --rel-borders-radius-border-radius-400: var(--rel-border-radius-lg);
+  --rel-borders-radius-border-radius-500: var(--rel-border-radius-full-rounded);
+
+  /* ---------- V1 border widths ---------- */
+  --rel-borders-width-stroke-050: var(--rel-stroke-xs);
+  --rel-borders-width-stroke-100: var(--rel-stroke-sm);
+  --rel-borders-width-stroke-150: var(--rel-stroke-md);
+  --rel-borders-width-stroke-200: var(--rel-stroke-lg);
+  --rel-borders-width-stroke-300: 3px; /* no 2.0 counterpart */
+  --rel-borders-width-stroke-400: 4px; /* no 2.0 counterpart */
+
+  /* ---------- V1 spacing ---------- */
+  --rel-spacing-space-3xs: var(--rel-spacing-3xs);
+  --rel-spacing-space-2xs: var(--rel-spacing-2xs);
+  --rel-spacing-space-xs: var(--rel-spacing-xs);
+  --rel-spacing-space-sm: var(--rel-spacing-sm);
+  --rel-spacing-space-md: var(--rel-spacing-md);
+  --rel-spacing-space-lg: var(--rel-spacing-lg);
+  --rel-spacing-space-xl: var(--rel-spacing-xl);
+  --rel-spacing-space-2xl: var(--rel-spacing-2xl);
+  --rel-spacing-space-3xl: var(--rel-spacing-3xl);
+
+  /* ---------- V1 typography ---------- */
+  --rel-fontFamilies-primary: var(--rel-fonts-font-family);
+  --rel-fontWeights-regular: var(--rel-fonts-weight-body-regular);
+  --rel-fontWeights-medium: var(--rel-fonts-weight-body-medium);
+  --rel-fontWeights-semibold: var(--rel-fonts-weight-body-semibold);
+  --rel-fontWeights-bold: 700; /* 2.0 has no bold weight token */
+  /* Flat V1 type scale — 2.0 uses per-role composite tokens; keep V1 literals */
+  --rel-fontSizes-3xl: 36px;
+  --rel-fontSizes-2xl: 28px;
+  --rel-fontSizes-xl: 24px;
+  --rel-fontSizes-lg: 20px;
+  --rel-fontSizes-md: 14px;
+  --rel-fontSizes-sm: 12px;
+  --rel-fontSizes-xs: 10px;
+  --rel-lineHeights-3xl: 48px;
+  --rel-lineHeights-2xl: 42px;
+  --rel-lineHeights-xl: 36px;
+  --rel-lineHeights-lg: 28px;
+  --rel-lineHeights-md: 20px;
+  --rel-lineHeights-sm: 18px;
+  --rel-lineHeights-xs: 16px;
+  --rel-lineHeights-2xs: 12px;
+  --rel-letterSpacing-normal: 0px;
+  --rel-letterSpacing-dense: -0.2px;
+  --rel-letterSpacing-denser: -0.3px;
+  --rel-letterSpacing-densest: -0.54px;
+
+  /* ---------- V1 neutral primitives → 2.0 semantics (theme-aware) ---------- */
+  --rel-colors-white: var(--rel-bg-surface);
+  --rel-colors-black: var(--rel-border-strong);
+  --rel-colors-gray-primary: var(--rel-text-default);
+  --rel-colors-gray-heading: var(--rel-text-label);
+  --rel-colors-gray-body: var(--rel-text-default);
+  --rel-colors-gray-placeholder: var(--rel-text-placeholder);
+  --rel-colors-gray-dark-placeholder: var(--rel-text-body);
+  --rel-colors-gray-disabled-text: var(--rel-text-disabled);
+  --rel-colors-gray-border: var(--rel-border-default);
+  --rel-colors-gray-divider: var(--rel-border-default);
+  --rel-colors-gray-tab-border: var(--rel-border-default);
+  --rel-colors-gray-light: var(--rel-bg-surface-elevated);
+  --rel-colors-gray-warm: var(--rel-bg-neutral-elevated-1);
+  --rel-colors-gray-surface: var(--rel-bg-neutral-elevated-1);
+  --rel-colors-gray-screen-bg: var(--rel-bg-neutral-elevated-2);
+  --rel-colors-gray-toast-bg: var(--rel-bg-neutral-inverse-1);
+
+  /* ---------- V1 status-tint primitives → 2.0 light backgrounds ---------- */
+  --rel-colors-red-bg-alert: var(--rel-bg-danger-light);
+  --rel-colors-red-light: var(--rel-bg-danger-light);
+  --rel-colors-orange-bg-light: var(--rel-bg-warning-light);
+  --rel-colors-orange-bg-counter: var(--rel-bg-warning-light);
+  --rel-colors-green-bg-light: var(--rel-bg-success-light);
+  --rel-colors-blue-bg: var(--rel-bg-info-light);
+
+  /* ---------- V1 chromatic primitives — literal 1.3.x values ----------
+     No 1:1 target in 2.0; these had no dark overrides in 1.3.x either. */
+  --rel-colors-green-primary: var(--rel-bg-surface-brand); /* #00F49C brand — green rule */
+  --rel-colors-green-secondary: #06D98C;
+  --rel-colors-green-tertiary: #00A86B;
+  --rel-colors-green-success: #22C55E;
+  --rel-colors-green-credited: #4CAA47;
+  --rel-colors-red-primary: #CC0000;
+  --rel-colors-red-secondary: #D50000;
+  --rel-colors-red-tertiary: #9C1E33;
+  --rel-colors-blue-primary: #0091EA;
+  --rel-colors-blue-secondary: #4A90E2;
+  --rel-colors-blue-tertiary: #0059F4;
+  --rel-colors-blue-light: #80D8FF;
+  --rel-colors-primary-500: var(--rel-colors-blue-primary);
+  --rel-colors-orange-warning: #FF6D00;
+  --rel-colors-orange-expired: #F2915C;
+  --rel-colors-yellow-pending: #FFBF43;
+  --rel-colors-gold: #D6BA00;
+  --rel-colors-gold-light: #F6EFD7;
+  --rel-colors-gold-secondary: #F5F0D3;
+  --rel-colors-platinum: #8392C9;
+  --rel-colors-platinum-secondary: #E4E6F2;
+  --rel-colors-silver: #BABABA;
+  --rel-colors-silver-secondary: #F0F0F0;
+  --rel-colors-bronze: #7D5300;
+  --rel-colors-bronze-secondary: #E2DAC7;
+
+  /* ---------- V1 semantic text ---------- */
+  --rel-text-primary: var(--rel-text-default);
+  --rel-text-heading: var(--rel-text-label);
+  --rel-text-dark-placeholder: var(--rel-text-body);
+  --rel-text-error: var(--rel-text-danger);
+  --rel-text-error-small: var(--rel-text-danger); /* size variants collapsed in 2.0 */
+  --rel-text-error-medium: var(--rel-text-danger);
+  --rel-text-error-large: var(--rel-text-danger);
+  --rel-text-warning-small: var(--rel-text-warning);
+  --rel-text-warning-medium: var(--rel-text-warning);
+  --rel-text-warning-large: var(--rel-text-warning);
+  --rel-text-success-small: var(--rel-text-success);
+  --rel-text-success-medium: var(--rel-text-success);
+  --rel-text-success-large: var(--rel-text-success);
+  --rel-text-info-secondary: var(--rel-text-info);
+  --rel-text-info-hover: var(--rel-text-info);
+  --rel-text-credited: var(--rel-text-success);
+  --rel-gray-text-primary: var(--rel-text-default);
+
+  /* ---------- V1 semantic icons ---------- */
+  --rel-icon-info: var(--rel-text-info);
+  --rel-icon-error: var(--rel-text-danger);
+  --rel-icon-warning: var(--rel-text-warning);
+  --rel-icon-success: var(--rel-text-success);
+
+  /* ---------- V1 semantic borders ---------- */
+  --rel-border-error: var(--rel-border-danger);
+  --rel-border-divider: var(--rel-border-default); /* merged in 2.0 */
+  --rel-border-tab: var(--rel-border-accent);
+
+  /* ---------- V1 semantic backgrounds ---------- */
+  --rel-background-error: var(--rel-bg-danger-light);
+  --rel-background-error-light: var(--rel-bg-danger-light); /* merged in 2.0 */
+  --rel-background-warning: var(--rel-bg-warning-light);
+  --rel-background-warning-counter: var(--rel-bg-warning-light);
+  --rel-background-success: var(--rel-bg-success-light);
+  --rel-background-info: var(--rel-bg-info-light);
+  --rel-background-info-accent: var(--rel-colors-blue-light);
+
+  /* ---------- V1 semantic surfaces ---------- */
+  --rel-surface-secondary: var(--rel-bg-surface-elevated);
+  --rel-surface-screen: var(--rel-bg-neutral-elevated-2);
+  --rel-surface-surface: var(--rel-bg-neutral-elevated-1);
+  --rel-surface-warm: var(--rel-bg-neutral-elevated-1);
+  --rel-surface-toast: var(--rel-bg-neutral-inverse-1);
+
+  /* ---------- V1 vars-v2 compat family ---------- */
+  --rel-error-surface-default: var(--rel-bg-danger);
+  --rel-error-surface-dark: var(--rel-text-danger);
+  --rel-error-text: var(--rel-text-danger);
+  --rel-success-surface-dark: var(--rel-text-success);
+  --rel-warning-surface-dark: var(--rel-text-warning);
+
+  /* ---------- V1 --rel-color-* alias layer ---------- */
+  --rel-color-bg-primary: var(--rel-bg-surface);
+  --rel-color-bg-secondary: var(--rel-bg-surface-elevated);
+  --rel-color-bg-tertiary: var(--rel-bg-neutral-elevated-1);
+  --rel-color-bg-hover: var(--rel-action-overlay-hover);
+  --rel-color-bg-selected: var(--rel-bg-neutral-elevated-2);
+  --rel-color-text-primary: var(--rel-text-default);
+  --rel-color-text-secondary: var(--rel-text-body);
+  --rel-color-text-heading: var(--rel-text-label);
+  --rel-color-text-inverse: var(--rel-text-inverse);
+  --rel-color-text-disabled: var(--rel-text-disabled);
+  --rel-color-text-placeholder: var(--rel-text-placeholder);
+  --rel-color-border-default: var(--rel-border-default);
+  --rel-color-border-strong: var(--rel-border-strong);
+  --rel-color-border-focus: var(--rel-border-focus);
+  --rel-color-border-divider: var(--rel-border-default);
+  --rel-color-icon-primary: var(--rel-text-body);
+  --rel-color-icon-hover: var(--rel-text-default);
+  --rel-color-brand: var(--rel-bg-surface-brand);
+  --rel-color-brand-hover: var(--rel-action-brand-fill-hover);
+  /* 2.0 has no link tokens — keep V1 literals (AA on their surfaces) */
+  --rel-color-text-link: #0067A3;
+  --rel-color-text-link-hover: #004E7C;
+}
+
+:root[data-theme="dark"], .dark {
+  /* Only literal-valued compat tokens that had explicit 1.3.x dark overrides;
+     aliased tokens flip with the 2.0 dark palette automatically. */
+  --rel-colors-blue-light: #1b6ea8;
+  --rel-color-text-link: #66B3FF;
+  --rel-color-text-link-hover: #99CCFF;
+}

package/dist/{vars-WY2XCF5G.css → vars-BYCEEKWJ.css}

@@ -651,3 +651,216 @@
 
   --rel-border-info: var(--rel-colors-blue-400); /* ADDED */
 }
+
+/* ==================== V1 COMPAT — DEPRECATED ALIAS BLOCK ====================
+   Restores every custom property that existed in @reliability-design/web 1.3.x
+   but was renamed/removed by the RelDS 2.0 token rework (v1.4.0). Consumers on
+   the V1 names keep working; each name resolves to its RelDS 2.0 equivalent
+   (per tempf/COMPONENT-TOKEN-MIGRATION-MAP.md) or, where 2.0 has no
+   counterpart, to its literal 1.3.x value.
+
+   Deprecated since 1.4.1 — REMOVAL TARGETED FOR 3.0 (see tempf/CLAUDE.md
+   "Backward compat"). Migrate to the 2.0 semantic tokens.
+
+   Notes:
+   - Aliases follow the 2.0 dark palette automatically (neutral grays), NOT the
+     retired 1.x blue-tinted dark values — intentional per governance.
+   - Context-dependent V1 names map to the dictionary's primary target; the
+     choice is noted inline where non-obvious.
+   - This fragment is appended to vars.css by figma-pipeline/scripts/build-vars.ts.
+   ============================================================================ */
+
+:root {
+  /* ---------- V1 border radii ---------- */
+  --rel-borders-radius-border-radius-0: var(--rel-border-radius-square);
+  --rel-borders-radius-border-radius-100: 2px; /* 2px step removed in 2.0 — keep V1 literal */
+  --rel-borders-radius-border-radius-200: var(--rel-border-radius-sm);
+  --rel-borders-radius-border-radius-300: var(--rel-border-radius-md);
+  --rel-borders-radius-border-radius-400: var(--rel-border-radius-lg);
+  --rel-borders-radius-border-radius-500: var(--rel-border-radius-full-rounded);
+
+  /* ---------- V1 border widths ---------- */
+  --rel-borders-width-stroke-050: var(--rel-stroke-xs);
+  --rel-borders-width-stroke-100: var(--rel-stroke-sm);
+  --rel-borders-width-stroke-150: var(--rel-stroke-md);
+  --rel-borders-width-stroke-200: var(--rel-stroke-lg);
+  --rel-borders-width-stroke-300: 3px; /* no 2.0 counterpart */
+  --rel-borders-width-stroke-400: 4px; /* no 2.0 counterpart */
+
+  /* ---------- V1 spacing ---------- */
+  --rel-spacing-space-3xs: var(--rel-spacing-3xs);
+  --rel-spacing-space-2xs: var(--rel-spacing-2xs);
+  --rel-spacing-space-xs: var(--rel-spacing-xs);
+  --rel-spacing-space-sm: var(--rel-spacing-sm);
+  --rel-spacing-space-md: var(--rel-spacing-md);
+  --rel-spacing-space-lg: var(--rel-spacing-lg);
+  --rel-spacing-space-xl: var(--rel-spacing-xl);
+  --rel-spacing-space-2xl: var(--rel-spacing-2xl);
+  --rel-spacing-space-3xl: var(--rel-spacing-3xl);
+
+  /* ---------- V1 typography ---------- */
+  --rel-fontFamilies-primary: var(--rel-fonts-font-family);
+  --rel-fontWeights-regular: var(--rel-fonts-weight-body-regular);
+  --rel-fontWeights-medium: var(--rel-fonts-weight-body-medium);
+  --rel-fontWeights-semibold: var(--rel-fonts-weight-body-semibold);
+  --rel-fontWeights-bold: 700; /* 2.0 has no bold weight token */
+  /* Flat V1 type scale — 2.0 uses per-role composite tokens; keep V1 literals */
+  --rel-fontSizes-3xl: 36px;
+  --rel-fontSizes-2xl: 28px;
+  --rel-fontSizes-xl: 24px;
+  --rel-fontSizes-lg: 20px;
+  --rel-fontSizes-md: 14px;
+  --rel-fontSizes-sm: 12px;
+  --rel-fontSizes-xs: 10px;
+  --rel-lineHeights-3xl: 48px;
+  --rel-lineHeights-2xl: 42px;
+  --rel-lineHeights-xl: 36px;
+  --rel-lineHeights-lg: 28px;
+  --rel-lineHeights-md: 20px;
+  --rel-lineHeights-sm: 18px;
+  --rel-lineHeights-xs: 16px;
+  --rel-lineHeights-2xs: 12px;
+  --rel-letterSpacing-normal: 0px;
+  --rel-letterSpacing-dense: -0.2px;
+  --rel-letterSpacing-denser: -0.3px;
+  --rel-letterSpacing-densest: -0.54px;
+
+  /* ---------- V1 neutral primitives → 2.0 semantics (theme-aware) ---------- */
+  --rel-colors-white: var(--rel-bg-surface);
+  --rel-colors-black: var(--rel-border-strong);
+  --rel-colors-gray-primary: var(--rel-text-default);
+  --rel-colors-gray-heading: var(--rel-text-label);
+  --rel-colors-gray-body: var(--rel-text-default);
+  --rel-colors-gray-placeholder: var(--rel-text-placeholder);
+  --rel-colors-gray-dark-placeholder: var(--rel-text-body);
+  --rel-colors-gray-disabled-text: var(--rel-text-disabled);
+  --rel-colors-gray-border: var(--rel-border-default);
+  --rel-colors-gray-divider: var(--rel-border-default);
+  --rel-colors-gray-tab-border: var(--rel-border-default);
+  --rel-colors-gray-light: var(--rel-bg-surface-elevated);
+  --rel-colors-gray-warm: var(--rel-bg-neutral-elevated-1);
+  --rel-colors-gray-surface: var(--rel-bg-neutral-elevated-1);
+  --rel-colors-gray-screen-bg: var(--rel-bg-neutral-elevated-2);
+  --rel-colors-gray-toast-bg: var(--rel-bg-neutral-inverse-1);
+
+  /* ---------- V1 status-tint primitives → 2.0 light backgrounds ---------- */
+  --rel-colors-red-bg-alert: var(--rel-bg-danger-light);
+  --rel-colors-red-light: var(--rel-bg-danger-light);
+  --rel-colors-orange-bg-light: var(--rel-bg-warning-light);
+  --rel-colors-orange-bg-counter: var(--rel-bg-warning-light);
+  --rel-colors-green-bg-light: var(--rel-bg-success-light);
+  --rel-colors-blue-bg: var(--rel-bg-info-light);
+
+  /* ---------- V1 chromatic primitives — literal 1.3.x values ----------
+     No 1:1 target in 2.0; these had no dark overrides in 1.3.x either. */
+  --rel-colors-green-primary: var(--rel-bg-surface-brand); /* #00F49C brand — green rule */
+  --rel-colors-green-secondary: #06D98C;
+  --rel-colors-green-tertiary: #00A86B;
+  --rel-colors-green-success: #22C55E;
+  --rel-colors-green-credited: #4CAA47;
+  --rel-colors-red-primary: #CC0000;
+  --rel-colors-red-secondary: #D50000;
+  --rel-colors-red-tertiary: #9C1E33;
+  --rel-colors-blue-primary: #0091EA;
+  --rel-colors-blue-secondary: #4A90E2;
+  --rel-colors-blue-tertiary: #0059F4;
+  --rel-colors-blue-light: #80D8FF;
+  --rel-colors-primary-500: var(--rel-colors-blue-primary);
+  --rel-colors-orange-warning: #FF6D00;
+  --rel-colors-orange-expired: #F2915C;
+  --rel-colors-yellow-pending: #FFBF43;
+  --rel-colors-gold: #D6BA00;
+  --rel-colors-gold-light: #F6EFD7;
+  --rel-colors-gold-secondary: #F5F0D3;
+  --rel-colors-platinum: #8392C9;
+  --rel-colors-platinum-secondary: #E4E6F2;
+  --rel-colors-silver: #BABABA;
+  --rel-colors-silver-secondary: #F0F0F0;
+  --rel-colors-bronze: #7D5300;
+  --rel-colors-bronze-secondary: #E2DAC7;
+
+  /* ---------- V1 semantic text ---------- */
+  --rel-text-primary: var(--rel-text-default);
+  --rel-text-heading: var(--rel-text-label);
+  --rel-text-dark-placeholder: var(--rel-text-body);
+  --rel-text-error: var(--rel-text-danger);
+  --rel-text-error-small: var(--rel-text-danger); /* size variants collapsed in 2.0 */
+  --rel-text-error-medium: var(--rel-text-danger);
+  --rel-text-error-large: var(--rel-text-danger);
+  --rel-text-warning-small: var(--rel-text-warning);
+  --rel-text-warning-medium: var(--rel-text-warning);
+  --rel-text-warning-large: var(--rel-text-warning);
+  --rel-text-success-small: var(--rel-text-success);
+  --rel-text-success-medium: var(--rel-text-success);
+  --rel-text-success-large: var(--rel-text-success);
+  --rel-text-info-secondary: var(--rel-text-info);
+  --rel-text-info-hover: var(--rel-text-info);
+  --rel-text-credited: var(--rel-text-success);
+  --rel-gray-text-primary: var(--rel-text-default);
+
+  /* ---------- V1 semantic icons ---------- */
+  --rel-icon-info: var(--rel-text-info);
+  --rel-icon-error: var(--rel-text-danger);
+  --rel-icon-warning: var(--rel-text-warning);
+  --rel-icon-success: var(--rel-text-success);
+
+  /* ---------- V1 semantic borders ---------- */
+  --rel-border-error: var(--rel-border-danger);
+  --rel-border-divider: var(--rel-border-default); /* merged in 2.0 */
+  --rel-border-tab: var(--rel-border-accent);
+
+  /* ---------- V1 semantic backgrounds ---------- */
+  --rel-background-error: var(--rel-bg-danger-light);
+  --rel-background-error-light: var(--rel-bg-danger-light); /* merged in 2.0 */
+  --rel-background-warning: var(--rel-bg-warning-light);
+  --rel-background-warning-counter: var(--rel-bg-warning-light);
+  --rel-background-success: var(--rel-bg-success-light);
+  --rel-background-info: var(--rel-bg-info-light);
+  --rel-background-info-accent: var(--rel-colors-blue-light);
+
+  /* ---------- V1 semantic surfaces ---------- */
+  --rel-surface-secondary: var(--rel-bg-surface-elevated);
+  --rel-surface-screen: var(--rel-bg-neutral-elevated-2);
+  --rel-surface-surface: var(--rel-bg-neutral-elevated-1);
+  --rel-surface-warm: var(--rel-bg-neutral-elevated-1);
+  --rel-surface-toast: var(--rel-bg-neutral-inverse-1);
+
+  /* ---------- V1 vars-v2 compat family ---------- */
+  --rel-error-surface-default: var(--rel-bg-danger);
+  --rel-error-surface-dark: var(--rel-text-danger);
+  --rel-error-text: var(--rel-text-danger);
+  --rel-success-surface-dark: var(--rel-text-success);
+  --rel-warning-surface-dark: var(--rel-text-warning);
+
+  /* ---------- V1 --rel-color-* alias layer ---------- */
+  --rel-color-bg-primary: var(--rel-bg-surface);
+  --rel-color-bg-secondary: var(--rel-bg-surface-elevated);
+  --rel-color-bg-tertiary: var(--rel-bg-neutral-elevated-1);
+  --rel-color-bg-hover: var(--rel-action-overlay-hover);
+  --rel-color-bg-selected: var(--rel-bg-neutral-elevated-2);
+  --rel-color-text-primary: var(--rel-text-default);
+  --rel-color-text-secondary: var(--rel-text-body);
+  --rel-color-text-heading: var(--rel-text-label);
+  --rel-color-text-inverse: var(--rel-text-inverse);
+  --rel-color-text-disabled: var(--rel-text-disabled);
+  --rel-color-text-placeholder: var(--rel-text-placeholder);
+  --rel-color-border-default: var(--rel-border-default);
+  --rel-color-border-strong: var(--rel-border-strong);
+  --rel-color-border-focus: var(--rel-border-focus);
+  --rel-color-border-divider: var(--rel-border-default);
+  --rel-color-icon-primary: var(--rel-text-body);
+  --rel-color-icon-hover: var(--rel-text-default);
+  --rel-color-brand: var(--rel-bg-surface-brand);
+  --rel-color-brand-hover: var(--rel-action-brand-fill-hover);
+  /* 2.0 has no link tokens — keep V1 literals (AA on their surfaces) */
+  --rel-color-text-link: #0067A3;
+  --rel-color-text-link-hover: #004E7C;
+}
+
+:root[data-theme="dark"], .dark {
+  /* Only literal-valued compat tokens that had explicit 1.3.x dark overrides;
+     aliased tokens flip with the 2.0 dark palette automatically. */
+  --rel-colors-blue-light: #1b6ea8;
+  --rel-color-text-link: #66B3FF;
+  --rel-color-text-link-hover: #99CCFF;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reliability-design/web",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -19,7 +19,8 @@
   },
   "files": [
     "dist",
-    "README.md"
+    "README.md",
+    "CHANGELOG.md"
   ],
   "publishConfig": {
     "access": "public"