@3fn/core 14.0.0 → 15.0.0

package/src/tokens/component/progress.ts

@@ -20,26 +20,45 @@
  * @see .kiro/specs/048-progress-family/design.md (Size Variant, Token Usage sections)
  */
 
-import { defineComponentTokens } from '../../build/tokens';
+import { defineComponentTokens, getTokenContract } from '../../build/tokens';
+import type { RegisteredComponentToken } from '../../registries/ComponentTokenRegistry';
 import { spacingTokens } from '../../tokens/SpacingTokens';
 import { sizingTokens } from '../../tokens/SizingTokens';
 import { borderWidthTokens } from '../../tokens/BorderWidthTokens';
 
 /**
- * Progress Indicator component tokens defined using the hybrid authoring API.
- * 
- * 13 tokens organized by concept:
+ * ONE CALL PER FAMILY.
+ *
+ * Every token registered by a single defineComponentTokens() call is stamped with that
+ * call's `family`, and the family drives platform output — notably the primitive class
+ * name emitted for reference-path tokens (TokenFileGenerator.getFamilyClassName) and the
+ * Android `.dp` suffix. These 10 tokens span THREE primitive families, so they require
+ * three calls. A single `family: 'spacing'` call previously produced
+ * `SpacingTokens.size150` / `SpacingTokens.borderWidth100` — members no generated platform
+ * file defines — the same defect fixed for Button-Icon in PR #126.
+ *
+ * The three branded results MUST NOT be spread/merged into one registration object: the
+ * rich metadata rides on a non-enumerable brand (src/build/tokens/defineComponentTokens.ts,
+ * TOKEN_CONTRACT_BRAND) that a spread silently drops. The harvest in loadComponentTokens
+ * collects each branded export separately. Use {@link progressTokenValues} for flat
+ * value lookups and {@link getProgressRegisteredTokens} for the rich metadata.
+ *
+ * All three calls declare `component: 'Progress'`, so platform output is still a single
+ * `ProgressTokens` Swift enum / Kotlin object.
+ */
+
+/**
+ * Node dimension tokens — reference sizing primitives (dimensions, not spacing).
+ *
  * - node.size.{sm|md|lg}         — base node dimensions
  * - node.size.{sm|md|lg}.current — emphasized node dimensions (+4px)
- * - node.gap.{sm|md|lg}          — spacing between nodes
- * - connector.thickness           — connector line width
  */
-export const ProgressTokens = defineComponentTokens({
+export const ProgressSizingTokens = defineComponentTokens({
   component: 'Progress',
-  family: 'spacing',
+  family: 'sizing',
   tokens: {
     // ========================================================================
-    // BASE NODE SIZES — reference sizing primitives (dimensions, not spacing)
+    // BASE NODE SIZES
     // ========================================================================
 
     'node.size.sm': {
@@ -56,7 +75,7 @@ export const ProgressTokens = defineComponentTokens({
     },
 
     // ========================================================================
-    // CURRENT NODE SIZES — reference sizing primitives directly (+4px emphasis)
+    // CURRENT NODE SIZES — +4px emphasis
     // Provides non-color visual differentiation of active position
     // ========================================================================
 
@@ -72,11 +91,18 @@ export const ProgressTokens = defineComponentTokens({
       reference: sizingTokens.size300,
       reasoning: 'Current node emphasis for lg (24px). +4px over base 20px for non-color visual differentiation.',
     },
+  },
+});
 
-    // ========================================================================
-    // GAP TOKENS — spacing between nodes (gaps are spacing, not sizing)
-    // ========================================================================
-
+/**
+ * Node gap tokens — reference spacing primitives (gaps are spacing, not sizing).
+ *
+ * - node.gap.{sm|md|lg} — spacing between nodes
+ */
+export const ProgressSpacingTokens = defineComponentTokens({
+  component: 'Progress',
+  family: 'spacing',
+  tokens: {
     'node.gap.sm': {
       reference: spacingTokens.space075,
       reasoning: 'Small gap between nodes (6px = 0.75× base). Tight spacing for compact pagination dots in mobile contexts.',
@@ -89,11 +115,18 @@ export const ProgressTokens = defineComponentTokens({
       reference: spacingTokens.space150,
       reasoning: 'Large gap between nodes (12px = 1.5× base). Generous spacing for detailed steppers with labels in desktop contexts.',
     },
+  },
+});
 
-    // ========================================================================
-    // CONNECTOR TOKENS — line connecting nodes in steppers
-    // ========================================================================
-
+/**
+ * Connector tokens — line connecting nodes in steppers. References a borderWidth primitive.
+ *
+ * - connector.thickness — connector line width
+ */
+export const ProgressBorderWidthTokens = defineComponentTokens({
+  component: 'Progress',
+  family: 'borderWidth',
+  tokens: {
     'connector.thickness': {
       reference: borderWidthTokens.borderWidth100,
       reasoning: 'Connector line thickness (1px). References borderDefault primitive for consistent border treatment across the design system.',
@@ -101,6 +134,35 @@ export const ProgressTokens = defineComponentTokens({
   },
 });
 
+/**
+ * Flat value map across all three Progress token calls — a READ-ONLY convenience for
+ * value lookups (`progressTokenValues['node.size.md']`).
+ *
+ * NOT a registration surface: spreading drops the non-enumerable brand, so this object
+ * deliberately harvests to zero and cannot double-register. For the rich metadata use
+ * {@link getProgressRegisteredTokens}, never `getTokenContract(progressTokenValues)`.
+ */
+export const progressTokenValues = {
+  ...ProgressSizingTokens,
+  ...ProgressSpacingTokens,
+  ...ProgressBorderWidthTokens,
+};
+
+/**
+ * All Progress component tokens with their rich metadata, concatenated across the three
+ * family calls in declaration order (sizing → spacing → borderWidth).
+ *
+ * This is the brand-safe replacement for `getTokenContract(ProgressTokens)`, which is no
+ * longer meaningful now that Progress registers through three calls.
+ */
+export function getProgressRegisteredTokens(): RegisteredComponentToken[] {
+  return [
+    ...(getTokenContract(ProgressSizingTokens) ?? []),
+    ...(getTokenContract(ProgressSpacingTokens) ?? []),
+    ...(getTokenContract(ProgressBorderWidthTokens) ?? []),
+  ];
+}
+
 // ============================================================================
 // Constants and Utilities
 // ============================================================================
@@ -135,19 +197,19 @@ export const progressComponentTokenNames = [
  * Validate that the progress component token count matches the expected count (13)
  */
 export function validateProgressComponentTokenCount(): boolean {
-  return Object.keys(ProgressTokens).length === PROGRESS_COMPONENT_TOKEN_COUNT;
+  return Object.keys(progressTokenValues).length === PROGRESS_COMPONENT_TOKEN_COUNT;
 }
 
 /**
  * Get a single progress component token value by key
  */
 export function getProgressComponentToken(key: string): number | undefined {
-  return (ProgressTokens as Record<string, number>)[key];
+  return (progressTokenValues as Record<string, number>)[key];
 }
 
 /**
  * Get all progress component token entries as key-value pairs
  */
 export function getAllProgressComponentTokens(): Array<{ name: string; value: number }> {
-  return Object.entries(ProgressTokens).map(([name, value]) => ({ name, value }));
+  return Object.entries(progressTokenValues).map(([name, value]) => ({ name, value }));
 }

package/src/tokens/semantic/AccessibilityTokens.README.md

@@ -451,7 +451,7 @@ Use accessibility tokens when implementing features that:
 **Analysis**:
 - Benefits all users on touch devices (not just users with disabilities)
 - Improves usability for everyone (not specific to accessibility needs)
-- No specific WCAG criterion for touch target size (general usability guideline)
+- WCAG does define target-size criteria (SC 2.5.5 Target Size, Level AAA at 44×44; SC 2.5.8 Target Size (Minimum), Level AA at 24×24), but they set a floor for a dimension every touch UI needs — they do not make the value accessibility-*specific* the way a focus indicator is
 
 **Decision**: ❌ NOT an accessibility token
 **Where it belongs**: Component-level sizing token (`button.minHeight: space550`)
@@ -742,7 +742,7 @@ Text(
 
 **Why NOT in accessibility family**:
 - Benefits all users on touch devices (general usability)
-- No specific WCAG criterion for touch target size
+- WCAG's target-size criteria (SC 2.5.5 at Level AAA, SC 2.5.8 at Level AA) set a floor on a dimension every touch UI needs — they do not make it accessibility-specific
 - Should be in component-level sizing tokens instead
 
 **Where they belong**:

package/src/tokens/semantic/ColorTokens.ts

@@ -89,12 +89,23 @@ export const colorTokens: Record<string, Omit<SemanticToken, 'primitiveTokens'>>
    */
 
   // Feedback - Success (3 tokens)
+  /**
+   * WCAG remediation (2026-09-12, Spec 112 audit finding F4):
+   * This token previously referenced green400 (OKLCH 0.66 0.18 154), which measures
+   * 2.84:1 against color.structure.canvas (white100) — below the 4.5:1 AA floor for
+   * normal text. Remapped to green500 (OKLCH 0.54 0.14 154) = 4.72:1 on white100.
+   * The dark theme carries a Level 2 override to green300 (4.63:1 on the dark canvas,
+   * gray400) — see src/tokens/themes/dark/SemanticOverrides.ts.
+   *
+   * Guarded by src/tokens/__tests__/SemanticColorContrast.test.ts.
+   * No primitive OKLCH values were changed; green400 remains the ramp step it was.
+   */
   'color.feedback.success.text': {
     name: 'color.feedback.success.text',
-    primitiveReferences: { value: 'green400' },
+    primitiveReferences: { value: 'green500' },
     category: SemanticCategory.COLOR,
     context: 'Text color for success feedback messages and indicators',
-    description: 'Green text color for success states - form validation, confirmation messages, positive feedback'
+    description: 'Green text color for success states - form validation, confirmation messages, positive feedback. References green500 for WCAG AA contrast (4.72:1) against the light canvas; dark theme overrides to green300 (4.63:1 against the dark canvas).'
   },
 
   'color.feedback.success.background': {
@@ -373,28 +384,62 @@ export const colorTokens: Record<string, Omit<SemanticToken, 'primitiveTokens'>>
   },
 
   // Text Hierarchy (4 tokens)
+  /**
+   * WCAG remediation (2026-09-13, interim dark-text-hierarchy fix, Peter-ratified;
+   * .kiro/issues/2026-09-12-semantic-contrast-adjudication-queue.md):
+   * The light-mode primitive (gray300) is unchanged and remains AA-passing against
+   * the light canvas. Against the dark canvas (color.structure.canvas → gray400) it
+   * measured 1.536:1 — well below the 4.5:1 AA floor for normal text. The dark theme
+   * carries a Level 2 override to white100 (8.46:1 on gray400) — see
+   * src/tokens/themes/dark/SemanticOverrides.ts.
+   *
+   * Guarded by src/tokens/__tests__/SemanticColorContrast.test.ts.
+   * No primitive OKLCH values were changed.
+   */
   'color.text.default': {
     name: 'color.text.default',
     primitiveReferences: { value: 'gray300' },
     category: SemanticCategory.COLOR,
     context: 'Primary text color for body content',
-    description: 'Primary gray for main text content'
+    description: 'Primary gray for main text content. Dark theme overrides to white100 (8.46:1 against the dark canvas) for WCAG AA.'
   },
 
+  /**
+   * WCAG remediation (2026-09-13, interim dark-text-hierarchy fix, Peter-ratified;
+   * .kiro/issues/2026-09-12-semantic-contrast-adjudication-queue.md):
+   * The light-mode primitive (gray200) is unchanged. Against the dark canvas it
+   * measured 2.324:1 — below the 4.5:1 AA floor. The dark theme carries a Level 2
+   * override to white300 (6.28:1 on gray400) — see
+   * src/tokens/themes/dark/SemanticOverrides.ts.
+   *
+   * Guarded by src/tokens/__tests__/SemanticColorContrast.test.ts.
+   * No primitive OKLCH values were changed.
+   */
   'color.text.muted': {
     name: 'color.text.muted',
     primitiveReferences: { value: 'gray200' },
     category: SemanticCategory.COLOR,
     context: 'Muted text color for secondary content',
-    description: 'Muted gray for secondary and less prominent text'
+    description: 'Muted gray for secondary and less prominent text. Dark theme overrides to white300 (6.28:1 against the dark canvas) for WCAG AA.'
   },
 
+  /**
+   * WCAG remediation (2026-09-13, interim dark-text-hierarchy fix, Peter-ratified;
+   * .kiro/issues/2026-09-12-semantic-contrast-adjudication-queue.md):
+   * The light-mode primitive (gray100) is unchanged. Against the dark canvas it
+   * measured 3.411:1 — below the 4.5:1 AA floor. The dark theme carries a Level 2
+   * override to white500 (4.53:1 on gray400) — see
+   * src/tokens/themes/dark/SemanticOverrides.ts.
+   *
+   * Guarded by src/tokens/__tests__/SemanticColorContrast.test.ts.
+   * No primitive OKLCH values were changed.
+   */
   'color.text.subtle': {
     name: 'color.text.subtle',
     primitiveReferences: { value: 'gray100' },
     category: SemanticCategory.COLOR,
     context: 'Subtle text color for tertiary content',
-    description: 'Subtle gray for tertiary and very subtle text elements'
+    description: 'Subtle gray for tertiary and very subtle text elements. Dark theme overrides to white500 (4.53:1 against the dark canvas) for WCAG AA.'
   },
 
   // ============================================================================

package/src/tokens/semantic/TypographyTokens.ts

@@ -43,7 +43,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Small body text for secondary content and compact layouts',
-    description: 'Small body typography with 14px font size, 1.25 line height, body font family, normal weight'
+    description: 'Small body typography with 14px font size, 1.429 line height, body font family, normal weight'
   },
 
   'typography.bodyMd': {
@@ -71,7 +71,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Large body text for emphasis, lead paragraphs, and prominent content',
-    description: 'Large body typography with 18px font size, 1.75 line height, body font family, normal weight'
+    description: 'Large body typography with 18px font size, 1.556 line height, body font family, normal weight'
   },
 
   // Heading Hierarchy (H1-H6 following HTML semantics)
@@ -215,7 +215,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Small button text for compact buttons and tertiary actions',
-    description: 'Small button typography with 14px font size, 1.25 line height, body font family, medium weight'
+    description: 'Small button typography with 14px font size, 1.429 line height, body font family, medium weight'
   },
 
   'typography.buttonMd': {
@@ -243,7 +243,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Large button text for prominent CTAs and hero buttons',
-    description: 'Large button typography with 18px font size, 1.75 line height, body font family, medium weight'
+    description: 'Large button typography with 18px font size, 1.556 line height, body font family, medium weight'
   },
 
   'typography.input': {
@@ -272,7 +272,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Extra small labels for floating label patterns in form inputs',
-    description: 'Extra small label typography with 13px font size, 1.0 line height, body font family, medium weight for floating labels'
+    description: 'Extra small label typography with 13px font size, 1.538 line height, body font family, medium weight for floating labels'
   },
 
   'typography.labelSm': {
@@ -286,7 +286,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Small labels for compact form fields and UI elements',
-    description: 'Small label typography with 14px font size, 1.25 line height, body font family, medium weight'
+    description: 'Small label typography with 14px font size, 1.429 line height, body font family, medium weight'
   },
 
   'typography.labelMd': {
@@ -318,7 +318,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Floated label state for text input fields with float label pattern',
-    description: `Medium label typography scaled to ${labelMdFloatFontSize}px (fontSize100 × scale088) for floated label state, maintains same lineHeight, fontFamily, fontWeight, and letterSpacing as labelMd to prevent layout shift during animation`
+    description: `Medium label typography scaled to ${labelMdFloatFontSize}px (fontSize100 × scale088) for floated label state, 1.429 line height (lineHeight075, the pairing for the scaled fontSize), body font family, medium weight, default letter spacing — fontFamily, fontWeight, and letterSpacing match labelMd`
   },
 
   'typography.labelLg': {
@@ -332,7 +332,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Large labels for prominent form sections and UI headers',
-    description: 'Large label typography with 18px font size, 1.75 line height, body font family, medium weight'
+    description: 'Large label typography with 18px font size, 1.556 line height, body font family, medium weight'
   },
 
   // Code Text Size Variants
@@ -347,7 +347,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Small code text for inline code in compact layouts',
-    description: 'Small code typography with 14px font size, 1.25 line height, monospace font family, normal weight'
+    description: 'Small code typography with 14px font size, 1.429 line height, monospace font family, normal weight'
   },
 
   'typography.codeMd': {
@@ -375,7 +375,7 @@ export const typographyTokens: Record<string, Omit<SemanticToken, 'primitiveToke
     },
     category: SemanticCategory.TYPOGRAPHY,
     context: 'Large code text for prominent code examples and documentation',
-    description: 'Large code typography with 18px font size, 1.75 line height, monospace font family, normal weight'
+    description: 'Large code typography with 18px font size, 1.556 line height, monospace font family, normal weight'
   }
 };
 

package/src/tokens/semantic/__tests__/ColorTokens.test.ts

@@ -37,9 +37,12 @@ describe('Semantic Color Tokens - Palette Update', () => {
       expect(colorTokens['color.feedback.success.text']).toBeDefined();
     });
 
-    it('should reference green400 primitive for success text', () => {
+    // Remapped green400 → green500 on 2026-09-12 (Spec 112 audit finding F4):
+    // green400 measured 2.84:1 on the light canvas, below the 4.5:1 AA floor.
+    // See src/tokens/__tests__/SemanticColorContrast.test.ts for the contrast guard.
+    it('should reference green500 primitive for success text (WCAG AA)', () => {
       const token = colorTokens['color.feedback.success.text'];
-      expect(token.primitiveReferences.value).toBe('green400');
+      expect(token.primitiveReferences.value).toBe('green500');
     });
 
     it('should have color.feedback.success.background token', () => {
@@ -60,7 +63,7 @@ describe('Semantic Color Tokens - Palette Update', () => {
       expect(token.primitiveReferences.value).toBe('green400');
     });
 
-    it('should verify green400 primitive exists', () => {
+    it('should verify the referenced success-text green primitive exists', () => {
       const token = colorTokens['color.feedback.success.text'];
       const primitiveName = token.primitiveReferences.value;
       expect(primitiveColorTokens).toHaveProperty(primitiveName);
@@ -735,7 +738,8 @@ describe('Semantic Color Tokens - Palette Update', () => {
 
   describe('Palette Update Requirements Coverage', () => {
     it('should satisfy Requirement 2.1: Success tokens reference green', () => {
-      expect(colorTokens['color.feedback.success.text'].primitiveReferences.value).toBe('green400');
+      // green500 since the 2026-09-12 WCAG AA remediation (was green400 — 2.84:1 on canvas)
+      expect(colorTokens['color.feedback.success.text'].primitiveReferences.value).toBe('green500');
       expect(colorTokens['color.feedback.success.background'].primitiveReferences.value).toBe('green100');
     });
 

package/src/tokens/themes/dark/SemanticOverrides.ts

@@ -17,7 +17,7 @@ import type { SemanticOverrideMap } from '../types';
 // ======================================================================
 // FEEDBACK — SUCCESS
 // ======================================================================
-// color.feedback.success.text: { value: 'green400' }
+// color.feedback.success.text: { value: 'green500' }  [OVERRIDDEN below → green300]
 // color.feedback.success.background: { value: 'green100' }
 // color.feedback.success.border: { value: 'green400' }
 
@@ -86,9 +86,9 @@ import type { SemanticOverrideMap } from '../types';
 // ======================================================================
 // TEXT HIERARCHY
 // ======================================================================
-// color.text.default: { value: 'gray300' }
-// color.text.muted: { value: 'gray200' }
-// color.text.subtle: { value: 'gray100' }
+// color.text.default: { value: 'gray300' }  [OVERRIDDEN below → white100]
+// color.text.muted: { value: 'gray200' }  [OVERRIDDEN below → white300]
+// color.text.subtle: { value: 'gray100' }  [OVERRIDDEN below → white500]
 
 // ======================================================================
 // CONTRAST
@@ -159,6 +159,25 @@ import type { SemanticOverrideMap } from '../types';
 // Each key must match a semantic token name in the registry.
 
 export const darkSemanticOverrides: SemanticOverrideMap = {
+  // WCAG AA remediation (2026-09-12, Spec 112 audit finding F4)
+  // Light base is green500 (4.72:1 on white100). Against the dark canvas
+  // (color.structure.canvas → gray400) green500 measures only 1.79:1, so dark mode
+  // needs a LIGHTER step: green300 = 4.63:1 on gray400. Guarded by
+  // src/tokens/__tests__/SemanticColorContrast.test.ts.
+  'color.feedback.success.text': { primitiveReferences: { value: 'green300' } },
+
+  // WCAG AA remediation (2026-09-13, interim dark-text-hierarchy fix; Peter-ratified;
+  // .kiro/issues/2026-09-12-semantic-contrast-adjudication-queue.md)
+  // Light base primitives (gray300/gray200/gray100) render on the dark canvas
+  // (color.structure.canvas → gray400) at 1.536:1 / 2.324:1 / 3.411:1 — all below the
+  // 4.5:1 AA floor for normal text. Remapped to white-ramp steps measured against
+  // gray400: white100 = 8.46:1, white300 = 6.28:1, white500 = 4.53:1. Interim fix —
+  // the other adjudication-queue exemption pairs remain deferred to a future spec.
+  // Guarded by src/tokens/__tests__/SemanticColorContrast.test.ts.
+  'color.text.default': { primitiveReferences: { value: 'white100' } },
+  'color.text.muted': { primitiveReferences: { value: 'white300' } },
+  'color.text.subtle': { primitiveReferences: { value: 'white500' } },
+
   // Nav-TabBar-Base overrides (Spec 050 Ada R2, 2026-03-17)
   'color.structure.canvas': { primitiveReferences: { value: 'gray400' } },
   'color.action.navigation': { primitiveReferences: { value: 'cyan100' } },

package/src/types/PrimitiveToken.ts

@@ -89,7 +89,21 @@ export interface PrimitiveToken {
   /** Mathematical relationship to family base value */
   mathematicalRelationship: string;
   
-  /** Whether token aligns with 8-unit baseline grid (spacing/radius families) */
+  /**
+   * Whether the token aligns with the 8-unit baseline grid.
+   *
+   * Predicate (system-wide): `true` iff `baseValue` is an exact multiple of 8 AND the
+   * token's family participates in the baseline grid (dimensional families — spacing,
+   * radius, sizing, blur, shadow offset, tap area, font size). Non-participating families
+   * (border width, breakpoint, density, and all non-dimensional families) always carry
+   * `false`, meaning "not applicable".
+   *
+   * Values on the 4-unit subgrid (4, 12, 20) are `false`: valid values, not grid-aligned
+   * ones. Enforcement of the grid itself is narrower than this flag — ErrorValidator and
+   * PassValidator only *require* alignment for spacing and radius.
+   *
+   * Guarded by `src/tokens/__tests__/BaselineGridAlignmentFlag.test.ts`.
+   */
   baselineGridAlignment: boolean;
   
   /** Whether token is a strategic flexibility exception within its family */

package/token-index/components.yaml

@@ -1,4 +1,12 @@
 tokens:
+  progress.connector.thickness:
+    component: Progress
+    primitiveReferences:
+      value: borderWidth100
+    platforms:
+      web: '--progress-connector-thickness'
+      ios: ProgressTokens.connectorThickness
+      android: ProgressTokens.connectorThickness
   progress.node.size.sm:
     component: Progress
     primitiveReferences:
@@ -71,14 +79,6 @@ tokens:
       web: '--progress-node-gap-lg'
       ios: ProgressTokens.nodeGapLg
       android: ProgressTokens.nodeGapLg
-  progress.connector.thickness:
-    component: Progress
-    primitiveReferences:
-      value: borderWidth100
-    platforms:
-      web: '--progress-connector-thickness'
-      ios: ProgressTokens.connectorThickness
-      android: ProgressTokens.connectorThickness
   avatar.size.xs:
     component: Avatar
     primitiveReferences:

package/token-index/meta.json

@@ -0,0 +1,3 @@
+{
+  "tierDir": "../src/tokens"
+}

package/token-index/semantics.yaml

@@ -2,12 +2,12 @@ tokens:
   color.feedback.success.text:
     category: color
     primitiveReferences:
-      value: green400
-    themeVarying: false
+      value: green500
+    themeVarying: true
     platforms:
       web: '--color-feedback-success-text'
-      ios: colorFeedbackSuccessText
-      android: color_feedback_success_text
+      ios: theme.colorFeedbackSuccessText
+      android: theme.color_feedback_success_text
     consumers: []
   color.feedback.success.background:
     category: color
@@ -325,11 +325,11 @@ tokens:
     category: color
     primitiveReferences:
       value: gray300
-    themeVarying: false
+    themeVarying: true
     platforms:
       web: '--color-text-default'
-      ios: colorTextDefault
-      android: color_text_default
+      ios: theme.colorTextDefault
+      android: theme.color_text_default
     consumers:
       - Button-VerticalList-Item
       - Chip-Base
@@ -345,11 +345,11 @@ tokens:
     category: color
     primitiveReferences:
       value: gray200
-    themeVarying: false
+    themeVarying: true
     platforms:
       web: '--color-text-muted'
-      ios: colorTextMuted
-      android: color_text_muted
+      ios: theme.colorTextMuted
+      android: theme.color_text_muted
     consumers:
       - Button-VerticalList-Item
       - Input-Checkbox-Base
@@ -363,11 +363,11 @@ tokens:
     category: color
     primitiveReferences:
       value: gray100
-    themeVarying: false
+    themeVarying: true
     platforms:
       web: '--color-text-subtle'
-      ios: colorTextSubtle
-      android: color_text_subtle
+      ios: theme.colorTextSubtle
+      android: theme.color_text_subtle
     consumers: []
   color.contrast.onLight:
     category: color
@@ -414,6 +414,7 @@ tokens:
       android: theme.color_structure_canvas
     consumers:
       - Button-VerticalList-Item
+      - Container-Base
       - Nav-Header-Base
       - Nav-SegmentedChoice-Base
       - Nav-TabBar-Base
@@ -430,6 +431,7 @@ tokens:
       - Chip-Base
       - Chip-Filter
       - Chip-Input
+      - Container-Base
       - Nav-SegmentedChoice-Base
   color.structure.surface.primary:
     category: color
@@ -478,6 +480,7 @@ tokens:
       - Chip-Base
       - Chip-Filter
       - Chip-Input
+      - Container-Base
       - Container-Card-Base
       - Nav-SegmentedChoice-Base
   color.structure.border.subtle:
@@ -2014,6 +2017,7 @@ tokens:
       ios: borderDefault
       android: border_default
     consumers:
+      - Container-Base
       - Nav-SegmentedChoice-Base
   border.emphasis:
     category: border
@@ -2024,7 +2028,8 @@ tokens:
       web: '--border-emphasis'
       ios: borderEmphasis
       android: border_emphasis
-    consumers: []
+    consumers:
+      - Container-Base
   border.heavy:
     category: border
     primitiveReferences:
@@ -2034,7 +2039,8 @@ tokens:
       web: '--border-heavy'
       ios: borderHeavy
       android: border_heavy
-    consumers: []
+    consumers:
+      - Container-Base
   radius.none:
     category: layout
     primitiveReferences: