Alpha — experimental. Breaking changes ship without a deprecation cycle, and nothing here carries a stability promise yet. What is built vs. planned →
Transtyle
GitHub

report.json · read in your browser

Read a build report

Every transtyle build writes a report.json next to each target’s files: how each variable was mapped, the build’s diagnostics, and what was suppressed. Open one to read it as a page.

Sample: Acme × bootstrap, compiled from examples/acme when this site was built. Raw JSON

Target bootstrap

Generated by
transtyle 0.1.0 (walking skeleton)
Options
none
Files
4 files
  • dist/bootstrap/_variables.transtyle.scss
  • dist/bootstrap/_maps.transtyle.scss
  • dist/bootstrap/bootstrap-theme.css
  • dist/bootstrap/usage.md
Catalog slots read
99 slots
  • component.button.padding-x
  • component.button.padding-y
  • component.button.radius
  • component.control.padding-x
  • component.control.padding-y
  • component.control.radius
  • component.tooltip.max-width
  • semantic.border-width.medium
  • semantic.color.border.base
  • semantic.color.danger.on-solid
  • semantic.color.danger.on-tint
  • semantic.color.danger.outline
  • semantic.color.danger.solid
  • semantic.color.danger.solid-active
  • semantic.color.danger.solid-hover
  • semantic.color.danger.tint
  • semantic.color.elevation.0.surface
  • semantic.color.elevation.1.surface
  • semantic.color.info.on-solid
  • semantic.color.info.on-tint
  • semantic.color.info.outline
  • semantic.color.info.solid
  • semantic.color.info.solid-active
  • semantic.color.info.solid-hover
  • semantic.color.info.tint
  • semantic.color.inverse.surface
  • semantic.color.inverse.text
  • semantic.color.neutral.on-tint
  • semantic.color.neutral.outline
  • semantic.color.neutral.text-strong
  • semantic.color.neutral.tint
  • semantic.color.primary.on-solid
  • semantic.color.primary.on-tint
  • semantic.color.primary.outline
  • semantic.color.primary.solid
  • semantic.color.primary.solid-active
  • semantic.color.primary.solid-hover
  • semantic.color.primary.tint
  • semantic.color.ring
  • semantic.color.scrim
  • semantic.color.secondary.on-solid
  • semantic.color.secondary.on-tint
  • semantic.color.secondary.outline
  • semantic.color.secondary.solid
  • semantic.color.secondary.solid-active
  • semantic.color.secondary.solid-hover
  • semantic.color.secondary.tint
  • semantic.color.success.on-solid
  • semantic.color.success.on-tint
  • semantic.color.success.outline
  • semantic.color.success.solid
  • semantic.color.success.solid-active
  • semantic.color.success.solid-hover
  • semantic.color.success.tint
  • semantic.color.text.base
  • semantic.color.text.muted
  • semantic.color.warning.on-solid
  • semantic.color.warning.on-tint
  • semantic.color.warning.outline
  • semantic.color.warning.solid
  • semantic.color.warning.solid-active
  • semantic.color.warning.solid-hover
  • semantic.color.warning.tint
  • semantic.duration.fast
  • semantic.duration.instant
  • semantic.duration.normal
  • semantic.duration.slow
  • semantic.duration.slower
  • semantic.easing.enter
  • semantic.easing.standard
  • semantic.font.mono
  • semantic.font.sans
  • semantic.opacity.disabled
  • semantic.radius.full
  • semantic.radius.lg
  • semantic.radius.md
  • semantic.radius.sm
  • semantic.radius.xl
  • semantic.ring.width
  • semantic.space.0
  • semantic.space.1
  • semantic.space.12
  • semantic.space.2
  • semantic.space.3
  • semantic.space.4
  • semantic.space.5
  • semantic.space.6
  • semantic.type.leading.normal
  • semantic.type.leading.tight
  • semantic.type.role.label.md
  • semantic.type.role.title.md
  • semantic.type.size.2xl
  • semantic.type.size.3xl
  • semantic.type.size.4xl
  • semantic.type.size.lg
  • semantic.type.size.md
  • semantic.type.size.sm
  • semantic.type.size.xl
  • semantic.type.size.xs

Coverage

bootstrap
  • native629%first-class slot, lossless
  • derived48968%synthesized by derivation, then mapped natively
  • approximated416%mapped, but the meaning changed
  • dropped7310%your system has it, this target can’t say it
  • unsupported568%the target has it, Transtyle doesn’t cover it yet

As the terminal prints itbootstrap 9% native · 68% derived · 6% approximated · 10% dropped · 8% unsupported

721 rows. A percentage measures this target’s own surface; it doesn’t rank targets against each other (why).

Diagnostics 9

The whole build’s diagnostics, not only this target’s: one an exporter raised starts with its target’s name.

Warnings · 7

  • warning TST2101

    primary.on-solid vs primary.solid is 4.9:1 in light+comfortable+more+full, light+comfortable+more+reduced, light+compact+more+full, light+compact+more+reduced, dark+comfortable+more+full, dark+comfortable+more+reduced, dark+compact+more+full and dark+compact+more+reduced modes (< 7:1 wcag21-aaa, contrast: more)

    ↳ primary.on-solid is already the better of white and near-black, so only a darker (light scheme) or lighter (dark scheme) primary.solid reaches it: author primary.solid for contrast: more.

  • warning TST2101

    secondary.on-solid vs secondary.solid is 4.6:1 in light+comfortable+more+full, light+comfortable+more+reduced, light+compact+more+full, light+compact+more+reduced, dark+comfortable+more+full, dark+comfortable+more+reduced, dark+compact+more+full and dark+compact+more+reduced modes (< 7:1 wcag21-aaa, contrast: more)

    ↳ secondary.on-solid is already the better of white and near-black, so only a darker (light scheme) or lighter (dark scheme) secondary.solid reaches it: author secondary.solid for contrast: more.

  • warning TST2101

    accent.on-solid vs accent.solid is 4.9:1 in light+comfortable+more+full, light+comfortable+more+reduced, light+compact+more+full, light+compact+more+reduced, dark+comfortable+more+full, dark+comfortable+more+reduced, dark+compact+more+full and dark+compact+more+reduced modes (< 7:1 wcag21-aaa, contrast: more)

    ↳ accent.on-solid is already the better of white and near-black, so only a darker (light scheme) or lighter (dark scheme) accent.solid reaches it: author accent.solid for contrast: more.

  • warning TST2101

    success.on-solid vs success.solid is 5.3:1 in light+comfortable+more+full, light+comfortable+more+reduced, light+compact+more+full, light+compact+more+reduced, dark+comfortable+more+full, dark+comfortable+more+reduced, dark+compact+more+full and dark+compact+more+reduced modes (< 7:1 wcag21-aaa, contrast: more)

    ↳ success.on-solid is already the better of white and near-black, so only a darker (light scheme) or lighter (dark scheme) success.solid reaches it: author success.solid for contrast: more.

  • warning TST2101

    danger.on-solid vs danger.solid is 5.3:1 in light+comfortable+more+full, light+comfortable+more+reduced, light+compact+more+full, light+compact+more+reduced, dark+comfortable+more+full, dark+comfortable+more+reduced, dark+compact+more+full and dark+compact+more+reduced modes (< 7:1 wcag21-aaa, contrast: more)

    ↳ danger.on-solid is already the better of white and near-black, so only a darker (light scheme) or lighter (dark scheme) danger.solid reaches it: author danger.solid for contrast: more.

  • warning TST2101

    info.on-solid vs info.solid is 4.9:1 in light+comfortable+more+full, light+comfortable+more+reduced, light+compact+more+full, light+compact+more+reduced, dark+comfortable+more+full, dark+comfortable+more+reduced, dark+compact+more+full and dark+compact+more+reduced modes (< 7:1 wcag21-aaa, contrast: more)

    ↳ info.on-solid is already the better of white and near-black, so only a darker (light scheme) or lighter (dark scheme) info.solid reaches it: author info.solid for contrast: more.

  • warning TST2101

    neutral.on-solid vs neutral.solid is 4.8:1 in light+comfortable+more+full, light+comfortable+more+reduced, light+compact+more+full, light+compact+more+reduced, dark+comfortable+more+full, dark+comfortable+more+reduced, dark+compact+more+full and dark+compact+more+reduced modes (< 7:1 wcag21-aaa, contrast: more)

    ↳ neutral.on-solid is already the better of white and near-black, so only a darker (light scheme) or lighter (dark scheme) neutral.solid reaches it: author neutral.solid for contrast: more.

Info · 2

  • info TST1204 tokens/semantic.tokens.json:6:9

    semantic.color.primary.solid has no authored value for color-scheme=dark — the light-mode value carries over unchanged, and so does its whole derived grid

    ↳ Author semantic.color.primary.solid for color-scheme=dark if this role should differ in that mode. This is default behavior — nothing is broken.

  • info TST1114

    4 option tokens are never referenced: option.color.blue.500, option.color.blue.700, option.color.gray.100, …

    ↳ Alias them from a semantic or component token, or delete them. Nothing reads an option token directly.

Suppressed 0

Warnings and infos silenced by check.suppress in the config, each with the reason its entry gives.

None.

Rows

One row per target variable. Open a variable for the command that traces it back to what was authored.

Coverage rows of bootstrap
VariableClassProvenanceSlotNote
$primary

Trace it from the project:

npx transtyle explain --variable '$primary' --target bootstrap
native not given semantic.color.primary.solid
$theme-colors-text.primary

Trace it from the project:

npx transtyle explain --variable '$theme-colors-text.primary' --target bootstrap
derived not given semantic.color.primary.on-tint
$theme-colors-bg-subtle.primary

Trace it from the project:

npx transtyle explain --variable '$theme-colors-bg-subtle.primary' --target bootstrap
derived not given semantic.color.primary.tint
$theme-colors-border-subtle.primary

Trace it from the project:

npx transtyle explain --variable '$theme-colors-border-subtle.primary' --target bootstrap
derived not given semantic.color.primary.outline promoted from a private mix to a first-class grid cell (F10)
$secondary

Trace it from the project:

npx transtyle explain --variable '$secondary' --target bootstrap
derived not given semantic.color.secondary.solid
$theme-colors-text.secondary

Trace it from the project:

npx transtyle explain --variable '$theme-colors-text.secondary' --target bootstrap
derived not given semantic.color.secondary.on-tint
$theme-colors-bg-subtle.secondary

Trace it from the project:

npx transtyle explain --variable '$theme-colors-bg-subtle.secondary' --target bootstrap
derived not given semantic.color.secondary.tint
$theme-colors-border-subtle.secondary

Trace it from the project:

npx transtyle explain --variable '$theme-colors-border-subtle.secondary' --target bootstrap
derived not given semantic.color.secondary.outline promoted from a private mix to a first-class grid cell (F10)
$success

Trace it from the project:

npx transtyle explain --variable '$success' --target bootstrap
derived not given semantic.color.success.solid
$theme-colors-text.success

Trace it from the project:

npx transtyle explain --variable '$theme-colors-text.success' --target bootstrap
derived not given semantic.color.success.on-tint
$theme-colors-bg-subtle.success

Trace it from the project:

npx transtyle explain --variable '$theme-colors-bg-subtle.success' --target bootstrap
derived not given semantic.color.success.tint
$theme-colors-border-subtle.success

Trace it from the project:

npx transtyle explain --variable '$theme-colors-border-subtle.success' --target bootstrap
derived not given semantic.color.success.outline promoted from a private mix to a first-class grid cell (F10)
$info

Trace it from the project:

npx transtyle explain --variable '$info' --target bootstrap
approximated not given semantic.color.info.solid sRGB gamut clamp during oklch → hex
$theme-colors-text.info

Trace it from the project:

npx transtyle explain --variable '$theme-colors-text.info' --target bootstrap
approximated not given semantic.color.info.on-tint sRGB gamut clamp during oklch → hex
$theme-colors-bg-subtle.info

Trace it from the project:

npx transtyle explain --variable '$theme-colors-bg-subtle.info' --target bootstrap
derived not given semantic.color.info.tint
$theme-colors-border-subtle.info

Trace it from the project:

npx transtyle explain --variable '$theme-colors-border-subtle.info' --target bootstrap
derived not given semantic.color.info.outline promoted from a private mix to a first-class grid cell (F10)
$warning

Trace it from the project:

npx transtyle explain --variable '$warning' --target bootstrap
derived not given semantic.color.warning.solid
$theme-colors-text.warning

Trace it from the project:

npx transtyle explain --variable '$theme-colors-text.warning' --target bootstrap
approximated not given semantic.color.warning.on-tint sRGB gamut clamp during oklch → hex
$theme-colors-bg-subtle.warning

Trace it from the project:

npx transtyle explain --variable '$theme-colors-bg-subtle.warning' --target bootstrap
derived not given semantic.color.warning.tint
$theme-colors-border-subtle.warning

Trace it from the project:

npx transtyle explain --variable '$theme-colors-border-subtle.warning' --target bootstrap
derived not given semantic.color.warning.outline promoted from a private mix to a first-class grid cell (F10)
$danger

Trace it from the project:

npx transtyle explain --variable '$danger' --target bootstrap
derived not given semantic.color.danger.solid
$theme-colors-text.danger

Trace it from the project:

npx transtyle explain --variable '$theme-colors-text.danger' --target bootstrap
derived not given semantic.color.danger.on-tint
$theme-colors-bg-subtle.danger

Trace it from the project:

npx transtyle explain --variable '$theme-colors-bg-subtle.danger' --target bootstrap
derived not given semantic.color.danger.tint
$theme-colors-border-subtle.danger

Trace it from the project:

npx transtyle explain --variable '$theme-colors-border-subtle.danger' --target bootstrap
derived not given semantic.color.danger.outline promoted from a private mix to a first-class grid cell (F10)
$light

Trace it from the project:

npx transtyle explain --variable '$light' --target bootstrap
derived not given semantic.color.neutral.tint exporter convention: $light/$dark map from the neutral role (F12)
$dark

Trace it from the project:

npx transtyle explain --variable '$dark' --target bootstrap
derived not given semantic.color.neutral.text-strong exporter convention (F12)
$body-bg

Trace it from the project:

npx transtyle explain --variable '$body-bg' --target bootstrap
native not given semantic.color.elevation.0.surface
$body-color

Trace it from the project:

npx transtyle explain --variable '$body-color' --target bootstrap
native not given semantic.color.text.base
$body-emphasis-color

Trace it from the project:

npx transtyle explain --variable '$body-emphasis-color' --target bootstrap
derived not given semantic.color.neutral.text-strong
$body-secondary-color

Trace it from the project:

npx transtyle explain --variable '$body-secondary-color' --target bootstrap
native not given semantic.color.text.muted
$body-secondary-bg

Trace it from the project:

npx transtyle explain --variable '$body-secondary-bg' --target bootstrap
derived not given semantic.color.neutral.tint
$body-tertiary-bg

Trace it from the project:

npx transtyle explain --variable '$body-tertiary-bg' --target bootstrap
native not given semantic.color.elevation.1.surface
$border-color

Trace it from the project:

npx transtyle explain --variable '$border-color' --target bootstrap
native not given semantic.color.border.base
$link-color

Trace it from the project:

npx transtyle explain --variable '$link-color' --target bootstrap
native not given semantic.color.primary.solid exporter convention: link ← primary.solid (matches Bootstrap default)
$link-hover-color

Trace it from the project:

npx transtyle explain --variable '$link-hover-color' --target bootstrap
approximated not given semantic.color.primary.solid-hover replaces Bootstrap sRGB shade-color(20%); sRGB gamut clamp during oklch → hex
$focus-ring-color

Trace it from the project:

npx transtyle explain --variable '$focus-ring-color' --target bootstrap
derived not given semantic.color.ring ring ← primary (F3) at Bootstrap conventional alpha .25
$focus-ring-width

Trace it from the project:

npx transtyle explain --variable '$focus-ring-width' --target bootstrap
dropped not given semantic.ring.width not authored: Bootstrap's own .25rem spread stands — author semantic.ring.width (or border-width.medium, which it defaults from) and it is driven
(focus ring offset) dropped not given semantic.ring.offset Bootstrap's ring is a box-shadow spread with no gap between the element and the halo: there is no offset to set
$box-shadow-sm

Trace it from the project:

npx transtyle explain --variable '$box-shadow-sm' --target bootstrap
derived not given semantic.color.scrim composed from scrim alpha ramp (F2)
$box-shadow

Trace it from the project:

npx transtyle explain --variable '$box-shadow' --target bootstrap
derived not given semantic.color.scrim composed from scrim alpha ramp (F2)
$box-shadow-lg

Trace it from the project:

npx transtyle explain --variable '$box-shadow-lg' --target bootstrap
derived not given semantic.color.scrim composed from scrim alpha ramp (F2)
$box-shadow-inset

Trace it from the project:

npx transtyle explain --variable '$box-shadow-inset' --target bootstrap
unsupported not given — no IR inset-shadow concept; Bootstrap default keptmeaning shadow.inset
$border-radius

Trace it from the project:

npx transtyle explain --variable '$border-radius' --target bootstrap
native not given semantic.radius.md
$border-radius-sm

Trace it from the project:

npx transtyle explain --variable '$border-radius-sm' --target bootstrap
derived not given semantic.radius.sm
$border-radius-lg

Trace it from the project:

npx transtyle explain --variable '$border-radius-lg' --target bootstrap
derived not given semantic.radius.lg
$border-radius-xl

Trace it from the project:

npx transtyle explain --variable '$border-radius-xl' --target bootstrap
derived not given semantic.radius.xl
$border-radius-xxl

Trace it from the project:

npx transtyle explain --variable '$border-radius-xxl' --target bootstrap
approximated not given semantic.radius.xl exporter convention: xl × 2 — no IR 2xl slot (F8 watch item)
$border-radius-pill

Trace it from the project:

npx transtyle explain --variable '$border-radius-pill' --target bootstrap
approximated not given semantic.radius.full meaning maps exactly (fully rounded); the value is Bootstrap's own 50rem idiom, emitted unconditionally rather than read from the slot
$font-family-sans-serif

Trace it from the project:

npx transtyle explain --variable '$font-family-sans-serif' --target bootstrap
native not given semantic.font.sans
$font-family-monospace

Trace it from the project:

npx transtyle explain --variable '$font-family-monospace' --target bootstrap
native not given semantic.font.mono
$font-size-base

Trace it from the project:

npx transtyle explain --variable '$font-size-base' --target bootstrap
derived not given semantic.type.size.md defaulted modular scale (base 1rem, ratio 1.25) — no authored type tokens
$line-height-base

Trace it from the project:

npx transtyle explain --variable '$line-height-base' --target bootstrap
derived not given semantic.type.leading.normal defaulted line height (1.5) — no authored leading token
$h1-font-size…$h6-font-size

Trace it from the project:

npx transtyle explain --variable '$h1-font-size…$h6-font-size' --target bootstrap
derived not given semantic.type.size.{4xl…md}reads semantic.type.size.4xl, semantic.type.size.3xl, semantic.type.size.2xl, semantic.type.size.xl, semantic.type.size.lg, semantic.type.size.md defaulted modular scale (base 1rem, ratio 1.25) — no authored type tokens
$display-font-sizes

Trace it from the project:

npx transtyle explain --variable '$display-font-sizes' --target bootstrap
unsupported not given — the IR does have this concept — `semantic.type.role.display.{sm,md,lg}` — but the two ladders disagree: Bootstrap runs 6 rungs from 2.5rem to 5rem, the type-role scale 3 from 1.953rem to 3.052rem, so mapping either onto the other invents rungs or drops them. Same shape as AL2's size-ladder deferral; Bootstrap defaults keptmeaning type.display-ladder
$spacer

Trace it from the project:

npx transtyle explain --variable '$spacer' --target bootstrap
native not given semantic.space.4
$spacers

Trace it from the project:

npx transtyle explain --variable '$spacers' --target bootstrap
native not given semantic.space.{0,1,2,4,6,12}reads semantic.space.0, semantic.space.1, semantic.space.2, semantic.space.4, semantic.space.6, semantic.space.12
$grid-breakpoints/$container-max-widths

Trace it from the project:

npx transtyle explain --variable '$grid-breakpoints/$container-max-widths' --target bootstrap
unsupported not given — `semantic.breakpoint.*` ships (6 rungs), but only `md` (768px) agrees: Bootstrap's sm/lg/xl/xxl are 576/992/1200/1400 against the catalog's 640/1024/1280/1536, and its `xs` is `0` — the unqueried mobile-first base, not a boundary at all, where the catalog's is 480px. Rebinding would move every responsive boundary in the framework: a behavioral change, not a theming one. `$container-max-widths` has no IR counterpart at all. Bootstrap defaults keptmeaning breakpoint.ladder
motion ($transition-*) dropped not given — the global $transition-base/-fade stay Bootstrap defaults; per-component transitions are driven — see the component-tier rows
$component-active-color

Trace it from the project:

npx transtyle explain --variable '$component-active-color' --target bootstrap
derived not given semantic.color.primary.on-solid review pickup (AL1.2 findings): Bootstrap hardcodes $white; $component-active-bg already chains from $primary
$caret-width

Trace it from the project:

npx transtyle explain --variable '$caret-width' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (caret glyph geometry)
$caret-vertical-align

Trace it from the project:

npx transtyle explain --variable '$caret-vertical-align' --target bootstrap
derived not given via driven rootsfollows $caret-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$caret-spacing

Trace it from the project:

npx transtyle explain --variable '$caret-spacing' --target bootstrap
derived not given via driven rootsfollows $caret-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$blockquote-margin-y

Trace it from the project:

npx transtyle explain --variable '$blockquote-margin-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$blockquote-font-size

Trace it from the project:

npx transtyle explain --variable '$blockquote-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$blockquote-footer-color

Trace it from the project:

npx transtyle explain --variable '$blockquote-footer-color' --target bootstrap
derived not given via driven rootsfollows $gray-600 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$blockquote-footer-font-size

Trace it from the project:

npx transtyle explain --variable '$blockquote-footer-font-size' --target bootstrap
derived not given via driven rootsfollows $small-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$hr-margin-y

Trace it from the project:

npx transtyle explain --variable '$hr-margin-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$hr-color

Trace it from the project:

npx transtyle explain --variable '$hr-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the body text color (driven) — the divider is currentColor at $hr-opacity
$hr-bg-color

Trace it from the project:

npx transtyle explain --variable '$hr-bg-color' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$hr-height

Trace it from the project:

npx transtyle explain --variable '$hr-height' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$hr-border-color

Trace it from the project:

npx transtyle explain --variable '$hr-border-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from currentColor via $hr-color, so it follows the driven body color per mode
$hr-border-width

Trace it from the project:

npx transtyle explain --variable '$hr-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$hr-opacity

Trace it from the project:

npx transtyle explain --variable '$hr-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$legend-margin-bottom

Trace it from the project:

npx transtyle explain --variable '$legend-margin-bottom' --target bootstrap
native not given semantic.space.2
$legend-font-size

Trace it from the project:

npx transtyle explain --variable '$legend-font-size' --target bootstrap
approximated not given semantic.type.size.xl 1.5rem vs the 1.563rem scale rung — nearest meaning
$legend-font-weight

Trace it from the project:

npx transtyle explain --variable '$legend-font-weight' --target bootstrap
derived not given semantic.type.role.title.md (fontWeight)reads semantic.type.role.title.md
$dt-font-weight

Trace it from the project:

npx transtyle explain --variable '$dt-font-weight' --target bootstrap
derived not given via driven rootsfollows $font-weight-bold follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$mark-padding

Trace it from the project:

npx transtyle explain --variable '$mark-padding' --target bootstrap
approximated not given semantic.space.1 em-relative in Bootstrap (proportional to local font size); bound to the nearest rem rung — proportional intent is approximated, not preserved.
$mark-color

Trace it from the project:

npx transtyle explain --variable '$mark-color' --target bootstrap
derived not given via driven rootsfollows $body-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$mark-bg

Trace it from the project:

npx transtyle explain --variable '$mark-bg' --target bootstrap
derived not given via driven rootsfollows $yellow-100 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$table-cell-padding-y

Trace it from the project:

npx transtyle explain --variable '$table-cell-padding-y' --target bootstrap
native not given semantic.space.2
$table-cell-padding-x

Trace it from the project:

npx transtyle explain --variable '$table-cell-padding-x' --target bootstrap
native not given semantic.space.2
$table-cell-padding-y-sm

Trace it from the project:

npx transtyle explain --variable '$table-cell-padding-y-sm' --target bootstrap
native not given semantic.space.1
$table-cell-padding-x-sm

Trace it from the project:

npx transtyle explain --variable '$table-cell-padding-x-sm' --target bootstrap
native not given semantic.space.1
$table-cell-vertical-align

Trace it from the project:

npx transtyle explain --variable '$table-cell-vertical-align' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$table-color

Trace it from the project:

npx transtyle explain --variable '$table-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$table-bg

Trace it from the project:

npx transtyle explain --variable '$table-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$table-accent-bg

Trace it from the project:

npx transtyle explain --variable '$table-accent-bg' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$table-th-font-weight

Trace it from the project:

npx transtyle explain --variable '$table-th-font-weight' --target bootstrap
dropped not given — Bootstrap null marker with no non-null meaning to bind
$table-striped-color

Trace it from the project:

npx transtyle explain --variable '$table-striped-color' --target bootstrap
derived not given via driven rootsfollows $table-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$table-striped-bg-factor

Trace it from the project:

npx transtyle explain --variable '$table-striped-bg-factor' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$table-striped-bg

Trace it from the project:

npx transtyle explain --variable '$table-striped-bg' --target bootstrap
derived not given via driven rootsfollows $table-striped-bg-factor follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$table-active-color

Trace it from the project:

npx transtyle explain --variable '$table-active-color' --target bootstrap
derived not given via driven rootsfollows $table-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$table-active-bg-factor

Trace it from the project:

npx transtyle explain --variable '$table-active-bg-factor' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$table-active-bg

Trace it from the project:

npx transtyle explain --variable '$table-active-bg' --target bootstrap
derived not given via driven rootsfollows $table-active-bg-factor follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$table-hover-color

Trace it from the project:

npx transtyle explain --variable '$table-hover-color' --target bootstrap
derived not given via driven rootsfollows $table-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$table-hover-bg-factor

Trace it from the project:

npx transtyle explain --variable '$table-hover-bg-factor' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$table-hover-bg

Trace it from the project:

npx transtyle explain --variable '$table-hover-bg' --target bootstrap
derived not given via driven rootsfollows $table-hover-bg-factor follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$table-border-factor

Trace it from the project:

npx transtyle explain --variable '$table-border-factor' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$table-border-width

Trace it from the project:

npx transtyle explain --variable '$table-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$table-border-color

Trace it from the project:

npx transtyle explain --variable '$table-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$table-striped-order

Trace it from the project:

npx transtyle explain --variable '$table-striped-order' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$table-striped-columns-order

Trace it from the project:

npx transtyle explain --variable '$table-striped-columns-order' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$table-group-separator-color

Trace it from the project:

npx transtyle explain --variable '$table-group-separator-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from currentColor — the driven table text color
$table-caption-color

Trace it from the project:

npx transtyle explain --variable '$table-caption-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$table-bg-scale

Trace it from the project:

npx transtyle explain --variable '$table-bg-scale' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$table-variants

Trace it from the project:

npx transtyle explain --variable '$table-variants' --target bootstrap
derived not given via driven rootsfollows $primary, $table-bg-scale, $secondary, $success, $info, $warning, $danger, $light, $dark follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-padding-y

Trace it from the project:

npx transtyle explain --variable '$input-btn-padding-y' --target bootstrap
derived not given component.control.padding-y
$input-btn-padding-x

Trace it from the project:

npx transtyle explain --variable '$input-btn-padding-x' --target bootstrap
derived not given component.control.padding-x
$input-btn-font-family

Trace it from the project:

npx transtyle explain --variable '$input-btn-font-family' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body font stack
$input-btn-font-size

Trace it from the project:

npx transtyle explain --variable '$input-btn-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-line-height

Trace it from the project:

npx transtyle explain --variable '$input-btn-line-height' --target bootstrap
derived not given via driven rootsfollows $line-height-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-focus-width

Trace it from the project:

npx transtyle explain --variable '$input-btn-focus-width' --target bootstrap
derived not given via driven rootsfollows $focus-ring-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-focus-color-opacity

Trace it from the project:

npx transtyle explain --variable '$input-btn-focus-color-opacity' --target bootstrap
derived not given via driven rootsfollows $focus-ring-opacity follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-focus-color

Trace it from the project:

npx transtyle explain --variable '$input-btn-focus-color' --target bootstrap
derived not given via driven rootsfollows $focus-ring-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-focus-blur

Trace it from the project:

npx transtyle explain --variable '$input-btn-focus-blur' --target bootstrap
derived not given via driven rootsfollows $focus-ring-blur follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$input-btn-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $focus-ring-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-padding-y-sm

Trace it from the project:

npx transtyle explain --variable '$input-btn-padding-y-sm' --target bootstrap
native not given semantic.space.1
$input-btn-padding-x-sm

Trace it from the project:

npx transtyle explain --variable '$input-btn-padding-x-sm' --target bootstrap
native not given semantic.space.2
$input-btn-font-size-sm

Trace it from the project:

npx transtyle explain --variable '$input-btn-font-size-sm' --target bootstrap
derived not given via driven rootsfollows $font-size-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-padding-y-lg

Trace it from the project:

npx transtyle explain --variable '$input-btn-padding-y-lg' --target bootstrap
native not given semantic.space.2
$input-btn-padding-x-lg

Trace it from the project:

npx transtyle explain --variable '$input-btn-padding-x-lg' --target bootstrap
native not given semantic.space.4
$input-btn-font-size-lg

Trace it from the project:

npx transtyle explain --variable '$input-btn-font-size-lg' --target bootstrap
derived not given via driven rootsfollows $font-size-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-btn-border-width

Trace it from the project:

npx transtyle explain --variable '$input-btn-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$btn-color

Trace it from the project:

npx transtyle explain --variable '$btn-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$btn-padding-y

Trace it from the project:

npx transtyle explain --variable '$btn-padding-y' --target bootstrap
native not given component.button.padding-y
$btn-padding-x

Trace it from the project:

npx transtyle explain --variable '$btn-padding-x' --target bootstrap
native not given component.button.padding-x
$btn-font-family

Trace it from the project:

npx transtyle explain --variable '$btn-font-family' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-family follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-font-size

Trace it from the project:

npx transtyle explain --variable '$btn-font-size' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-line-height

Trace it from the project:

npx transtyle explain --variable '$btn-line-height' --target bootstrap
derived not given via driven rootsfollows $input-btn-line-height follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-white-space

Trace it from the project:

npx transtyle explain --variable '$btn-white-space' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$btn-padding-y-sm

Trace it from the project:

npx transtyle explain --variable '$btn-padding-y-sm' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-y-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-padding-x-sm

Trace it from the project:

npx transtyle explain --variable '$btn-padding-x-sm' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-x-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-font-size-sm

Trace it from the project:

npx transtyle explain --variable '$btn-font-size-sm' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-size-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-padding-y-lg

Trace it from the project:

npx transtyle explain --variable '$btn-padding-y-lg' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-y-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-padding-x-lg

Trace it from the project:

npx transtyle explain --variable '$btn-padding-x-lg' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-x-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-font-size-lg

Trace it from the project:

npx transtyle explain --variable '$btn-font-size-lg' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-size-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-border-width

Trace it from the project:

npx transtyle explain --variable '$btn-border-width' --target bootstrap
derived not given via driven rootsfollows $input-btn-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-font-weight

Trace it from the project:

npx transtyle explain --variable '$btn-font-weight' --target bootstrap
derived not given via driven rootsfollows $font-weight-normal follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-box-shadow

Trace it from the project:

npx transtyle explain --variable '$btn-box-shadow' --target bootstrap
derived not given via driven rootsfollows $white, $black follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-focus-width

Trace it from the project:

npx transtyle explain --variable '$btn-focus-width' --target bootstrap
derived not given via driven rootsfollows $input-btn-focus-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$btn-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $input-btn-focus-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-disabled-opacity

Trace it from the project:

npx transtyle explain --variable '$btn-disabled-opacity' --target bootstrap
approximated not given semantic.opacity.disabled Bootstrap's own default is .65; the promoted catalog slot is the shared disabled-state opacity (AL2)
$btn-active-box-shadow

Trace it from the project:

npx transtyle explain --variable '$btn-active-box-shadow' --target bootstrap
derived not given via driven rootsfollows $black follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-link-color

Trace it from the project:

npx transtyle explain --variable '$btn-link-color' --target bootstrap
derived not given via global --bs-* varsfollows $link-color aliases a global custom property the semantic tier drives
$btn-link-hover-color

Trace it from the project:

npx transtyle explain --variable '$btn-link-hover-color' --target bootstrap
derived not given via global --bs-* varsfollows $link-hover-color aliases a global custom property the semantic tier drives
$btn-link-disabled-color

Trace it from the project:

npx transtyle explain --variable '$btn-link-disabled-color' --target bootstrap
derived not given via driven rootsfollows $gray-600 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-link-focus-shadow-rgb

Trace it from the project:

npx transtyle explain --variable '$btn-link-focus-shadow-rgb' --target bootstrap
derived not given via driven rootsfollows $link-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-border-radius

Trace it from the project:

npx transtyle explain --variable '$btn-border-radius' --target bootstrap
native not given component.button.radius
$btn-border-radius-sm

Trace it from the project:

npx transtyle explain --variable '$btn-border-radius-sm' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-sm aliases a global custom property the semantic tier drives
$btn-border-radius-lg

Trace it from the project:

npx transtyle explain --variable '$btn-border-radius-lg' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-lg aliases a global custom property the semantic tier drives
$btn-transition

Trace it from the project:

npx transtyle explain --variable '$btn-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$btn-hover-bg-shade-amount

Trace it from the project:

npx transtyle explain --variable '$btn-hover-bg-shade-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$btn-hover-bg-tint-amount

Trace it from the project:

npx transtyle explain --variable '$btn-hover-bg-tint-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$btn-hover-border-shade-amount

Trace it from the project:

npx transtyle explain --variable '$btn-hover-border-shade-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$btn-hover-border-tint-amount

Trace it from the project:

npx transtyle explain --variable '$btn-hover-border-tint-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$btn-active-bg-shade-amount

Trace it from the project:

npx transtyle explain --variable '$btn-active-bg-shade-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$btn-active-bg-tint-amount

Trace it from the project:

npx transtyle explain --variable '$btn-active-bg-tint-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$btn-active-border-shade-amount

Trace it from the project:

npx transtyle explain --variable '$btn-active-border-shade-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$btn-active-border-tint-amount

Trace it from the project:

npx transtyle explain --variable '$btn-active-border-tint-amount' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$form-text-margin-top

Trace it from the project:

npx transtyle explain --variable '$form-text-margin-top' --target bootstrap
native not given semantic.space.1
$form-text-font-size

Trace it from the project:

npx transtyle explain --variable '$form-text-font-size' --target bootstrap
derived not given via driven rootsfollows $small-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-text-font-style

Trace it from the project:

npx transtyle explain --variable '$form-text-font-style' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body type
$form-text-font-weight

Trace it from the project:

npx transtyle explain --variable '$form-text-font-weight' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body type
$form-text-color

Trace it from the project:

npx transtyle explain --variable '$form-text-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$form-label-margin-bottom

Trace it from the project:

npx transtyle explain --variable '$form-label-margin-bottom' --target bootstrap
native not given semantic.space.2
$form-label-font-size

Trace it from the project:

npx transtyle explain --variable '$form-label-font-size' --target bootstrap
derived not given semantic.type.role.label.md (fontSize)reads semantic.type.role.label.md
$form-label-font-style

Trace it from the project:

npx transtyle explain --variable '$form-label-font-style' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body type
$form-label-font-weight

Trace it from the project:

npx transtyle explain --variable '$form-label-font-weight' --target bootstrap
derived not given semantic.type.role.label.md (fontWeight)reads semantic.type.role.label.md
$form-label-color

Trace it from the project:

npx transtyle explain --variable '$form-label-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body text color
$input-padding-y

Trace it from the project:

npx transtyle explain --variable '$input-padding-y' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-padding-x

Trace it from the project:

npx transtyle explain --variable '$input-padding-x' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-font-family

Trace it from the project:

npx transtyle explain --variable '$input-font-family' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-family follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-font-size

Trace it from the project:

npx transtyle explain --variable '$input-font-size' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-font-weight

Trace it from the project:

npx transtyle explain --variable '$input-font-weight' --target bootstrap
derived not given via driven rootsfollows $font-weight-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-line-height

Trace it from the project:

npx transtyle explain --variable '$input-line-height' --target bootstrap
derived not given via driven rootsfollows $input-btn-line-height follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-padding-y-sm

Trace it from the project:

npx transtyle explain --variable '$input-padding-y-sm' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-y-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-padding-x-sm

Trace it from the project:

npx transtyle explain --variable '$input-padding-x-sm' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-x-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-font-size-sm

Trace it from the project:

npx transtyle explain --variable '$input-font-size-sm' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-size-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-padding-y-lg

Trace it from the project:

npx transtyle explain --variable '$input-padding-y-lg' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-y-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-padding-x-lg

Trace it from the project:

npx transtyle explain --variable '$input-padding-x-lg' --target bootstrap
derived not given via driven rootsfollows $input-btn-padding-x-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-font-size-lg

Trace it from the project:

npx transtyle explain --variable '$input-font-size-lg' --target bootstrap
derived not given via driven rootsfollows $input-btn-font-size-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-bg

Trace it from the project:

npx transtyle explain --variable '$input-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$input-disabled-color

Trace it from the project:

npx transtyle explain --variable '$input-disabled-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven $input-color (Bootstrap keeps the enabled color when disabled)
$input-disabled-bg

Trace it from the project:

npx transtyle explain --variable '$input-disabled-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$input-disabled-border-color

Trace it from the project:

npx transtyle explain --variable '$input-disabled-border-color' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$input-color

Trace it from the project:

npx transtyle explain --variable '$input-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$input-border-color

Trace it from the project:

npx transtyle explain --variable '$input-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$input-border-width

Trace it from the project:

npx transtyle explain --variable '$input-border-width' --target bootstrap
derived not given via driven rootsfollows $input-btn-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-box-shadow

Trace it from the project:

npx transtyle explain --variable '$input-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow-inset aliases a global custom property the semantic tier drives
$input-border-radius

Trace it from the project:

npx transtyle explain --variable '$input-border-radius' --target bootstrap
derived not given component.control.radius
$input-border-radius-sm

Trace it from the project:

npx transtyle explain --variable '$input-border-radius-sm' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-sm aliases a global custom property the semantic tier drives
$input-border-radius-lg

Trace it from the project:

npx transtyle explain --variable '$input-border-radius-lg' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-lg aliases a global custom property the semantic tier drives
$input-focus-bg

Trace it from the project:

npx transtyle explain --variable '$input-focus-bg' --target bootstrap
derived not given via driven rootsfollows $input-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-focus-border-color

Trace it from the project:

npx transtyle explain --variable '$input-focus-border-color' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-focus-color

Trace it from the project:

npx transtyle explain --variable '$input-focus-color' --target bootstrap
derived not given via driven rootsfollows $input-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-focus-width

Trace it from the project:

npx transtyle explain --variable '$input-focus-width' --target bootstrap
derived not given via driven rootsfollows $input-btn-focus-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$input-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $input-btn-focus-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-placeholder-color

Trace it from the project:

npx transtyle explain --variable '$input-placeholder-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$input-plaintext-color

Trace it from the project:

npx transtyle explain --variable '$input-plaintext-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$input-height-border

Trace it from the project:

npx transtyle explain --variable '$input-height-border' --target bootstrap
derived not given via driven rootsfollows $input-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-height-inner

Trace it from the project:

npx transtyle explain --variable '$input-height-inner' --target bootstrap
derived not given via driven rootsfollows $input-line-height, $input-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-height-inner-half

Trace it from the project:

npx transtyle explain --variable '$input-height-inner-half' --target bootstrap
derived not given via driven rootsfollows $input-line-height, $input-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-height-inner-quarter

Trace it from the project:

npx transtyle explain --variable '$input-height-inner-quarter' --target bootstrap
derived not given via driven rootsfollows $input-line-height, $input-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-height

Trace it from the project:

npx transtyle explain --variable '$input-height' --target bootstrap
derived not given via driven rootsfollows $input-line-height, $input-padding-y, $input-height-border follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-height-sm

Trace it from the project:

npx transtyle explain --variable '$input-height-sm' --target bootstrap
derived not given via driven rootsfollows $input-line-height, $input-padding-y-sm, $input-height-border follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-height-lg

Trace it from the project:

npx transtyle explain --variable '$input-height-lg' --target bootstrap
derived not given via driven rootsfollows $input-line-height, $input-padding-y-lg, $input-height-border follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-transition

Trace it from the project:

npx transtyle explain --variable '$input-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$form-color-width

Trace it from the project:

npx transtyle explain --variable '$form-color-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal.meaning geometry.component
$form-check-input-width

Trace it from the project:

npx transtyle explain --variable '$form-check-input-width' --target bootstrap
unsupported not given — both reference targets have this concept and model it differently, so no single authored value satisfies both: Bootstrap sizes it in `em` (proportional to local font size, one dimension), PrimeNG in absolute `rem` with independent width/height and an sm/md/lg ladder. The disagreement is the finding (proposal 0004) — same shape as the size ladder AL2 rejected. (checkbox/radio box)meaning geometry.indicator
$form-check-min-height

Trace it from the project:

npx transtyle explain --variable '$form-check-min-height' --target bootstrap
derived not given via driven rootsfollows $font-size-base, $line-height-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-padding-start

Trace it from the project:

npx transtyle explain --variable '$form-check-padding-start' --target bootstrap
derived not given via driven rootsfollows $form-check-input-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-margin-bottom

Trace it from the project:

npx transtyle explain --variable '$form-check-margin-bottom' --target bootstrap
approximated not given semantic.space.1 .125rem — sub-rung; nearest meaning
$form-check-label-color

Trace it from the project:

npx transtyle explain --variable '$form-check-label-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body text color
$form-check-label-cursor

Trace it from the project:

npx transtyle explain --variable '$form-check-label-cursor' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$form-check-transition

Trace it from the project:

npx transtyle explain --variable '$form-check-transition' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$form-check-input-active-filter

Trace it from the project:

npx transtyle explain --variable '$form-check-input-active-filter' --target bootstrap
dropped not given — CSS filter trick — presentation mechanics, not a token meaning.
$form-check-input-bg

Trace it from the project:

npx transtyle explain --variable '$form-check-input-bg' --target bootstrap
derived not given via driven rootsfollows $input-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-border

Trace it from the project:

npx transtyle explain --variable '$form-check-input-border' --target bootstrap
derived not given via global --bs-* varsfollows $border-width, $border-color aliases a global custom property the semantic tier drives
$form-check-input-border-radius

Trace it from the project:

npx transtyle explain --variable '$form-check-input-border-radius' --target bootstrap
approximated not given semantic.radius.sm em-relative in Bootstrap (proportional to local font size); bound to the nearest rem rung — proportional intent is approximated, not preserved.
$form-check-radio-border-radius

Trace it from the project:

npx transtyle explain --variable '$form-check-radio-border-radius' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (50% is the radio shape identity, not a radius token)
$form-check-input-focus-border

Trace it from the project:

npx transtyle explain --variable '$form-check-input-focus-border' --target bootstrap
derived not given via driven rootsfollows $input-focus-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$form-check-input-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $focus-ring-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-checked-color

Trace it from the project:

npx transtyle explain --variable '$form-check-input-checked-color' --target bootstrap
derived not given via driven rootsfollows $component-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-checked-bg-color

Trace it from the project:

npx transtyle explain --variable '$form-check-input-checked-bg-color' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-checked-border-color

Trace it from the project:

npx transtyle explain --variable '$form-check-input-checked-border-color' --target bootstrap
derived not given via driven rootsfollows $form-check-input-checked-bg-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-checked-bg-image

Trace it from the project:

npx transtyle explain --variable '$form-check-input-checked-bg-image' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-check-radio-checked-bg-image

Trace it from the project:

npx transtyle explain --variable '$form-check-radio-checked-bg-image' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-check-input-indeterminate-color

Trace it from the project:

npx transtyle explain --variable '$form-check-input-indeterminate-color' --target bootstrap
derived not given via driven rootsfollows $component-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-indeterminate-bg-color

Trace it from the project:

npx transtyle explain --variable '$form-check-input-indeterminate-bg-color' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-indeterminate-border-color

Trace it from the project:

npx transtyle explain --variable '$form-check-input-indeterminate-border-color' --target bootstrap
derived not given via driven rootsfollows $form-check-input-indeterminate-bg-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-input-indeterminate-bg-image

Trace it from the project:

npx transtyle explain --variable '$form-check-input-indeterminate-bg-image' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-check-input-disabled-opacity

Trace it from the project:

npx transtyle explain --variable '$form-check-input-disabled-opacity' --target bootstrap
approximated not given semantic.opacity.disabled Bootstrap's own default is .5; unified onto the shared disabled-state opacity (AL2)
$form-check-label-disabled-opacity

Trace it from the project:

npx transtyle explain --variable '$form-check-label-disabled-opacity' --target bootstrap
derived not given via driven rootsfollows $form-check-input-disabled-opacity follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-btn-check-disabled-opacity

Trace it from the project:

npx transtyle explain --variable '$form-check-btn-check-disabled-opacity' --target bootstrap
derived not given via driven rootsfollows $btn-disabled-opacity follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-check-inline-margin-end

Trace it from the project:

npx transtyle explain --variable '$form-check-inline-margin-end' --target bootstrap
native not given semantic.space.4
$form-switch-color

Trace it from the project:

npx transtyle explain --variable '$form-switch-color' --target bootstrap
derived not given via driven rootsfollows $black follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-switch-width

Trace it from the project:

npx transtyle explain --variable '$form-switch-width' --target bootstrap
unsupported not given — both reference targets have this concept and model it differently, so no single authored value satisfies both: Bootstrap sizes it in `em` (proportional to local font size, one dimension), PrimeNG in absolute `rem` with independent width/height and an sm/md/lg ladder. The disagreement is the finding (proposal 0004) — same shape as the size ladder AL2 rejected. (switch track)meaning geometry.indicator
$form-switch-padding-start

Trace it from the project:

npx transtyle explain --variable '$form-switch-padding-start' --target bootstrap
derived not given via driven rootsfollows $form-switch-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-switch-bg-image

Trace it from the project:

npx transtyle explain --variable '$form-switch-bg-image' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-switch-border-radius

Trace it from the project:

npx transtyle explain --variable '$form-switch-border-radius' --target bootstrap
derived not given via driven rootsfollows $form-switch-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-switch-transition

Trace it from the project:

npx transtyle explain --variable '$form-switch-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$form-switch-focus-color

Trace it from the project:

npx transtyle explain --variable '$form-switch-focus-color' --target bootstrap
derived not given via driven rootsfollows $input-focus-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-switch-focus-bg-image

Trace it from the project:

npx transtyle explain --variable '$form-switch-focus-bg-image' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-switch-checked-color

Trace it from the project:

npx transtyle explain --variable '$form-switch-checked-color' --target bootstrap
derived not given via driven rootsfollows $component-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-switch-checked-bg-image

Trace it from the project:

npx transtyle explain --variable '$form-switch-checked-bg-image' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-switch-checked-bg-position

Trace it from the project:

npx transtyle explain --variable '$form-switch-checked-bg-position' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$input-group-addon-padding-y

Trace it from the project:

npx transtyle explain --variable '$input-group-addon-padding-y' --target bootstrap
derived not given via driven rootsfollows $input-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-group-addon-padding-x

Trace it from the project:

npx transtyle explain --variable '$input-group-addon-padding-x' --target bootstrap
derived not given via driven rootsfollows $input-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-group-addon-font-weight

Trace it from the project:

npx transtyle explain --variable '$input-group-addon-font-weight' --target bootstrap
derived not given via driven rootsfollows $input-font-weight follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-group-addon-color

Trace it from the project:

npx transtyle explain --variable '$input-group-addon-color' --target bootstrap
derived not given via driven rootsfollows $input-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$input-group-addon-bg

Trace it from the project:

npx transtyle explain --variable '$input-group-addon-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-tertiary-bg aliases a global custom property the semantic tier drives
$input-group-addon-border-color

Trace it from the project:

npx transtyle explain --variable '$input-group-addon-border-color' --target bootstrap
derived not given via driven rootsfollows $input-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-padding-y

Trace it from the project:

npx transtyle explain --variable '$form-select-padding-y' --target bootstrap
derived not given via driven rootsfollows $input-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-padding-x

Trace it from the project:

npx transtyle explain --variable '$form-select-padding-x' --target bootstrap
derived not given via driven rootsfollows $input-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-font-family

Trace it from the project:

npx transtyle explain --variable '$form-select-font-family' --target bootstrap
derived not given via driven rootsfollows $input-font-family follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-font-size

Trace it from the project:

npx transtyle explain --variable '$form-select-font-size' --target bootstrap
derived not given via driven rootsfollows $input-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-indicator-padding

Trace it from the project:

npx transtyle explain --variable '$form-select-indicator-padding' --target bootstrap
derived not given via driven rootsfollows $form-select-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-font-weight

Trace it from the project:

npx transtyle explain --variable '$form-select-font-weight' --target bootstrap
derived not given via driven rootsfollows $input-font-weight follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-line-height

Trace it from the project:

npx transtyle explain --variable '$form-select-line-height' --target bootstrap
derived not given via driven rootsfollows $input-line-height follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-color

Trace it from the project:

npx transtyle explain --variable '$form-select-color' --target bootstrap
derived not given via driven rootsfollows $input-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-bg

Trace it from the project:

npx transtyle explain --variable '$form-select-bg' --target bootstrap
derived not given via driven rootsfollows $input-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-disabled-color

Trace it from the project:

npx transtyle explain --variable '$form-select-disabled-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven $form-select-color
$form-select-disabled-bg

Trace it from the project:

npx transtyle explain --variable '$form-select-disabled-bg' --target bootstrap
derived not given via driven rootsfollows $input-disabled-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-disabled-border-color

Trace it from the project:

npx transtyle explain --variable '$form-select-disabled-border-color' --target bootstrap
derived not given via driven rootsfollows $input-disabled-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-bg-position

Trace it from the project:

npx transtyle explain --variable '$form-select-bg-position' --target bootstrap
derived not given via driven rootsfollows $form-select-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-bg-size

Trace it from the project:

npx transtyle explain --variable '$form-select-bg-size' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (indicator geometry)
$form-select-indicator-color

Trace it from the project:

npx transtyle explain --variable '$form-select-indicator-color' --target bootstrap
native not given semantic.color.text.base (opaque)reads semantic.color.text.base Sass path only (baked into the indicator's SVG data URI); the dark chevron follows the driven $body-color-dark through Bootstrap's own default
$form-select-indicator

Trace it from the project:

npx transtyle explain --variable '$form-select-indicator' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-select-feedback-icon-padding-end

Trace it from the project:

npx transtyle explain --variable '$form-select-feedback-icon-padding-end' --target bootstrap
derived not given via driven rootsfollows $form-select-padding-x, $form-select-indicator-padding follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-feedback-icon-position

Trace it from the project:

npx transtyle explain --variable '$form-select-feedback-icon-position' --target bootstrap
derived not given via driven rootsfollows $form-select-indicator-padding follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-feedback-icon-size

Trace it from the project:

npx transtyle explain --variable '$form-select-feedback-icon-size' --target bootstrap
derived not given via driven rootsfollows $input-height-inner-half follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-border-width

Trace it from the project:

npx transtyle explain --variable '$form-select-border-width' --target bootstrap
derived not given via driven rootsfollows $input-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-border-color

Trace it from the project:

npx transtyle explain --variable '$form-select-border-color' --target bootstrap
derived not given via driven rootsfollows $input-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-border-radius

Trace it from the project:

npx transtyle explain --variable '$form-select-border-radius' --target bootstrap
derived not given via driven rootsfollows $input-border-radius follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-box-shadow

Trace it from the project:

npx transtyle explain --variable '$form-select-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow-inset aliases a global custom property the semantic tier drives
$form-select-focus-border-color

Trace it from the project:

npx transtyle explain --variable '$form-select-focus-border-color' --target bootstrap
derived not given via driven rootsfollows $input-focus-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-focus-width

Trace it from the project:

npx transtyle explain --variable '$form-select-focus-width' --target bootstrap
derived not given via driven rootsfollows $input-focus-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$form-select-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $form-select-focus-width, $input-btn-focus-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-padding-y-sm

Trace it from the project:

npx transtyle explain --variable '$form-select-padding-y-sm' --target bootstrap
derived not given via driven rootsfollows $input-padding-y-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-padding-x-sm

Trace it from the project:

npx transtyle explain --variable '$form-select-padding-x-sm' --target bootstrap
derived not given via driven rootsfollows $input-padding-x-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-font-size-sm

Trace it from the project:

npx transtyle explain --variable '$form-select-font-size-sm' --target bootstrap
derived not given via driven rootsfollows $input-font-size-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-border-radius-sm

Trace it from the project:

npx transtyle explain --variable '$form-select-border-radius-sm' --target bootstrap
derived not given via driven rootsfollows $input-border-radius-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-padding-y-lg

Trace it from the project:

npx transtyle explain --variable '$form-select-padding-y-lg' --target bootstrap
derived not given via driven rootsfollows $input-padding-y-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-padding-x-lg

Trace it from the project:

npx transtyle explain --variable '$form-select-padding-x-lg' --target bootstrap
derived not given via driven rootsfollows $input-padding-x-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-font-size-lg

Trace it from the project:

npx transtyle explain --variable '$form-select-font-size-lg' --target bootstrap
derived not given via driven rootsfollows $input-font-size-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-border-radius-lg

Trace it from the project:

npx transtyle explain --variable '$form-select-border-radius-lg' --target bootstrap
derived not given via driven rootsfollows $input-border-radius-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-select-transition

Trace it from the project:

npx transtyle explain --variable '$form-select-transition' --target bootstrap
derived not given via driven rootsfollows $input-transition follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-range-track-width

Trace it from the project:

npx transtyle explain --variable '$form-range-track-width' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$form-range-track-height

Trace it from the project:

npx transtyle explain --variable '$form-range-track-height' --target bootstrap
native not given semantic.space.2
$form-range-track-cursor

Trace it from the project:

npx transtyle explain --variable '$form-range-track-cursor' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$form-range-track-bg

Trace it from the project:

npx transtyle explain --variable '$form-range-track-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$form-range-track-border-radius

Trace it from the project:

npx transtyle explain --variable '$form-range-track-border-radius' --target bootstrap
approximated not given semantic.radius.full Bootstrap says 1rem; the intent (pill track) maps to radius.full
$form-range-track-box-shadow

Trace it from the project:

npx transtyle explain --variable '$form-range-track-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow-inset aliases a global custom property the semantic tier drives
$form-range-thumb-width

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (thumb size)meaning geometry.component
$form-range-thumb-height

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-height' --target bootstrap
derived not given via driven rootsfollows $form-range-thumb-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-range-thumb-bg

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-bg' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-range-thumb-border

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-border' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$form-range-thumb-border-radius

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-border-radius' --target bootstrap
approximated not given semantic.radius.full pill/circular thumb intent
$form-range-thumb-box-shadow

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-box-shadow' --target bootstrap
derived not given via driven rootsfollows $black follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-range-thumb-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $body-bg, $input-focus-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-range-thumb-focus-box-shadow-width

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-focus-box-shadow-width' --target bootstrap
derived not given via driven rootsfollows $input-focus-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-range-thumb-active-bg

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-active-bg' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-range-thumb-disabled-bg

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-disabled-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$form-range-thumb-transition

Trace it from the project:

npx transtyle explain --variable '$form-range-thumb-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$form-file-button-color

Trace it from the project:

npx transtyle explain --variable '$form-file-button-color' --target bootstrap
derived not given via driven rootsfollows $input-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-file-button-bg

Trace it from the project:

npx transtyle explain --variable '$form-file-button-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-tertiary-bg aliases a global custom property the semantic tier drives
$form-file-button-hover-bg

Trace it from the project:

npx transtyle explain --variable '$form-file-button-hover-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$form-floating-height

Trace it from the project:

npx transtyle explain --variable '$form-floating-height' --target bootstrap
derived not given via driven rootsfollows $input-height-border follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-floating-line-height

Trace it from the project:

npx transtyle explain --variable '$form-floating-line-height' --target bootstrap
derived not given semantic.type.leading.tight
$form-floating-padding-x

Trace it from the project:

npx transtyle explain --variable '$form-floating-padding-x' --target bootstrap
derived not given via driven rootsfollows $input-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-floating-padding-y

Trace it from the project:

npx transtyle explain --variable '$form-floating-padding-y' --target bootstrap
native not given semantic.space.4
$form-floating-input-padding-t

Trace it from the project:

npx transtyle explain --variable '$form-floating-input-padding-t' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (float-label mechanics: padding split is coupled to the transform math)
$form-floating-input-padding-b

Trace it from the project:

npx transtyle explain --variable '$form-floating-input-padding-b' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (float-label mechanics)
$form-floating-label-height

Trace it from the project:

npx transtyle explain --variable '$form-floating-label-height' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (float-label mechanics)
$form-floating-label-opacity

Trace it from the project:

npx transtyle explain --variable '$form-floating-label-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$form-floating-label-transform

Trace it from the project:

npx transtyle explain --variable '$form-floating-label-transform' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$form-floating-label-disabled-color

Trace it from the project:

npx transtyle explain --variable '$form-floating-label-disabled-color' --target bootstrap
derived not given via driven rootsfollows $gray-600 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-floating-transition

Trace it from the project:

npx transtyle explain --variable '$form-floating-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$form-feedback-margin-top

Trace it from the project:

npx transtyle explain --variable '$form-feedback-margin-top' --target bootstrap
derived not given via driven rootsfollows $form-text-margin-top follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-font-size

Trace it from the project:

npx transtyle explain --variable '$form-feedback-font-size' --target bootstrap
derived not given via driven rootsfollows $form-text-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-font-style

Trace it from the project:

npx transtyle explain --variable '$form-feedback-font-style' --target bootstrap
derived not given via driven rootsfollows $form-text-font-style follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-valid-color

Trace it from the project:

npx transtyle explain --variable '$form-feedback-valid-color' --target bootstrap
derived not given via driven rootsfollows $success follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-invalid-color

Trace it from the project:

npx transtyle explain --variable '$form-feedback-invalid-color' --target bootstrap
derived not given via driven rootsfollows $danger follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-icon-valid-color

Trace it from the project:

npx transtyle explain --variable '$form-feedback-icon-valid-color' --target bootstrap
derived not given via driven rootsfollows $form-feedback-valid-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-icon-valid

Trace it from the project:

npx transtyle explain --variable '$form-feedback-icon-valid' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-feedback-icon-invalid-color

Trace it from the project:

npx transtyle explain --variable '$form-feedback-icon-invalid-color' --target bootstrap
derived not given via driven rootsfollows $form-feedback-invalid-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-icon-invalid

Trace it from the project:

npx transtyle explain --variable '$form-feedback-icon-invalid' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$form-valid-color

Trace it from the project:

npx transtyle explain --variable '$form-valid-color' --target bootstrap
derived not given via driven rootsfollows $form-feedback-valid-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-valid-border-color

Trace it from the project:

npx transtyle explain --variable '$form-valid-border-color' --target bootstrap
derived not given via driven rootsfollows $form-feedback-valid-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-invalid-color

Trace it from the project:

npx transtyle explain --variable '$form-invalid-color' --target bootstrap
derived not given via driven rootsfollows $form-feedback-invalid-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-invalid-border-color

Trace it from the project:

npx transtyle explain --variable '$form-invalid-border-color' --target bootstrap
derived not given via driven rootsfollows $form-feedback-invalid-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-validation-states

Trace it from the project:

npx transtyle explain --variable '$form-validation-states' --target bootstrap
derived not given via driven rootsfollows $form-feedback-icon-valid, $input-btn-focus-blur, $input-focus-width, $input-btn-focus-color-opacity, $form-feedback-icon-invalid follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$nav-link-padding-y

Trace it from the project:

npx transtyle explain --variable '$nav-link-padding-y' --target bootstrap
native not given semantic.space.2
$nav-link-padding-x

Trace it from the project:

npx transtyle explain --variable '$nav-link-padding-x' --target bootstrap
native not given semantic.space.4
$nav-link-font-size

Trace it from the project:

npx transtyle explain --variable '$nav-link-font-size' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body type
$nav-link-font-weight

Trace it from the project:

npx transtyle explain --variable '$nav-link-font-weight' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body type
$nav-link-color

Trace it from the project:

npx transtyle explain --variable '$nav-link-color' --target bootstrap
derived not given via global --bs-* varsfollows $link-color aliases a global custom property the semantic tier drives
$nav-link-hover-color

Trace it from the project:

npx transtyle explain --variable '$nav-link-hover-color' --target bootstrap
derived not given via global --bs-* varsfollows $link-hover-color aliases a global custom property the semantic tier drives
$nav-link-transition

Trace it from the project:

npx transtyle explain --variable '$nav-link-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$nav-link-disabled-color

Trace it from the project:

npx transtyle explain --variable '$nav-link-disabled-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$nav-link-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$nav-link-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $focus-ring-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$nav-tabs-border-color

Trace it from the project:

npx transtyle explain --variable '$nav-tabs-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$nav-tabs-border-width

Trace it from the project:

npx transtyle explain --variable '$nav-tabs-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$nav-tabs-border-radius

Trace it from the project:

npx transtyle explain --variable '$nav-tabs-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$nav-tabs-link-hover-border-color

Trace it from the project:

npx transtyle explain --variable '$nav-tabs-link-hover-border-color' --target bootstrap
derived not given via driven rootsfollows $nav-tabs-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$nav-tabs-link-active-color

Trace it from the project:

npx transtyle explain --variable '$nav-tabs-link-active-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$nav-tabs-link-active-bg

Trace it from the project:

npx transtyle explain --variable '$nav-tabs-link-active-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$nav-tabs-link-active-border-color

Trace it from the project:

npx transtyle explain --variable '$nav-tabs-link-active-border-color' --target bootstrap
derived not given via driven rootsfollows $nav-tabs-link-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$nav-pills-border-radius

Trace it from the project:

npx transtyle explain --variable '$nav-pills-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$nav-pills-link-active-color

Trace it from the project:

npx transtyle explain --variable '$nav-pills-link-active-color' --target bootstrap
derived not given via driven rootsfollows $component-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$nav-pills-link-active-bg

Trace it from the project:

npx transtyle explain --variable '$nav-pills-link-active-bg' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$nav-underline-gap

Trace it from the project:

npx transtyle explain --variable '$nav-underline-gap' --target bootstrap
native not given semantic.space.4
$nav-underline-border-width

Trace it from the project:

npx transtyle explain --variable '$nav-underline-border-width' --target bootstrap
approximated not given semantic.border-width.medium medium rung (2px) ≡ Bootstrap’s .125rem at a 16px root; unit semantics differ (px vs rem-relative)
$nav-underline-link-active-color

Trace it from the project:

npx transtyle explain --variable '$nav-underline-link-active-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$navbar-padding-y

Trace it from the project:

npx transtyle explain --variable '$navbar-padding-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-padding-x

Trace it from the project:

npx transtyle explain --variable '$navbar-padding-x' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$navbar-nav-link-padding-x

Trace it from the project:

npx transtyle explain --variable '$navbar-nav-link-padding-x' --target bootstrap
native not given semantic.space.2
$navbar-brand-font-size

Trace it from the project:

npx transtyle explain --variable '$navbar-brand-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$nav-link-height

Trace it from the project:

npx transtyle explain --variable '$nav-link-height' --target bootstrap
derived not given via driven rootsfollows $font-size-base, $line-height-base, $nav-link-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-brand-height

Trace it from the project:

npx transtyle explain --variable '$navbar-brand-height' --target bootstrap
derived not given via driven rootsfollows $navbar-brand-font-size, $line-height-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-brand-padding-y

Trace it from the project:

npx transtyle explain --variable '$navbar-brand-padding-y' --target bootstrap
derived not given via driven rootsfollows $nav-link-height, $navbar-brand-height follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-brand-margin-end

Trace it from the project:

npx transtyle explain --variable '$navbar-brand-margin-end' --target bootstrap
native not given semantic.space.4
$navbar-toggler-padding-y

Trace it from the project:

npx transtyle explain --variable '$navbar-toggler-padding-y' --target bootstrap
native not given semantic.space.1
$navbar-toggler-padding-x

Trace it from the project:

npx transtyle explain --variable '$navbar-toggler-padding-x' --target bootstrap
native not given semantic.space.3
$navbar-toggler-font-size

Trace it from the project:

npx transtyle explain --variable '$navbar-toggler-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-lg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-toggler-border-radius

Trace it from the project:

npx transtyle explain --variable '$navbar-toggler-border-radius' --target bootstrap
derived not given via driven rootsfollows $btn-border-radius follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-toggler-focus-width

Trace it from the project:

npx transtyle explain --variable '$navbar-toggler-focus-width' --target bootstrap
derived not given via driven rootsfollows $btn-focus-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-toggler-transition

Trace it from the project:

npx transtyle explain --variable '$navbar-toggler-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$navbar-light-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$navbar-light-hover-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-hover-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$navbar-light-active-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-active-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$navbar-light-disabled-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-disabled-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$navbar-light-icon-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-icon-color' --target bootstrap
derived not given via driven rootsfollows $body-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-light-toggler-icon-bg

Trace it from the project:

npx transtyle explain --variable '$navbar-light-toggler-icon-bg' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$navbar-light-toggler-border-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-toggler-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$navbar-light-brand-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-brand-color' --target bootstrap
derived not given via driven rootsfollows $navbar-light-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-light-brand-hover-color

Trace it from the project:

npx transtyle explain --variable '$navbar-light-brand-hover-color' --target bootstrap
derived not given via driven rootsfollows $navbar-light-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-hover-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-hover-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-active-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-active-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-disabled-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-disabled-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-icon-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-icon-color' --target bootstrap
derived not given via driven rootsfollows $navbar-dark-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-toggler-icon-bg

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-toggler-icon-bg' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$navbar-dark-toggler-border-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-toggler-border-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-brand-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-brand-color' --target bootstrap
derived not given via driven rootsfollows $navbar-dark-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$navbar-dark-brand-hover-color

Trace it from the project:

npx transtyle explain --variable '$navbar-dark-brand-hover-color' --target bootstrap
derived not given via driven rootsfollows $navbar-dark-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-min-width

Trace it from the project:

npx transtyle explain --variable '$dropdown-min-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal.meaning geometry.component
$dropdown-padding-x

Trace it from the project:

npx transtyle explain --variable '$dropdown-padding-x' --target bootstrap
native not given semantic.space.0
$dropdown-padding-y

Trace it from the project:

npx transtyle explain --variable '$dropdown-padding-y' --target bootstrap
native not given semantic.space.2
$dropdown-spacer

Trace it from the project:

npx transtyle explain --variable '$dropdown-spacer' --target bootstrap
approximated not given semantic.space.1 .125rem — sub-rung; nearest meaning
$dropdown-font-size

Trace it from the project:

npx transtyle explain --variable '$dropdown-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$dropdown-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$dropdown-border-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color-translucent aliases a global custom property the semantic tier drives
$dropdown-border-radius

Trace it from the project:

npx transtyle explain --variable '$dropdown-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$dropdown-border-width

Trace it from the project:

npx transtyle explain --variable '$dropdown-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$dropdown-inner-border-radius

Trace it from the project:

npx transtyle explain --variable '$dropdown-inner-border-radius' --target bootstrap
derived not given via driven rootsfollows $dropdown-border-radius, $dropdown-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-divider-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-divider-bg' --target bootstrap
derived not given via driven rootsfollows $dropdown-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-divider-margin-y

Trace it from the project:

npx transtyle explain --variable '$dropdown-divider-margin-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-box-shadow

Trace it from the project:

npx transtyle explain --variable '$dropdown-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow aliases a global custom property the semantic tier drives
$dropdown-link-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-link-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$dropdown-link-hover-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-link-hover-color' --target bootstrap
derived not given via driven rootsfollows $dropdown-link-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-link-hover-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-link-hover-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-tertiary-bg aliases a global custom property the semantic tier drives
$dropdown-link-active-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-link-active-color' --target bootstrap
derived not given via driven rootsfollows $component-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-link-active-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-link-active-bg' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-link-disabled-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-link-disabled-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-tertiary-color aliases a global custom property the semantic tier drives
$dropdown-item-padding-y

Trace it from the project:

npx transtyle explain --variable '$dropdown-item-padding-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-item-padding-x

Trace it from the project:

npx transtyle explain --variable '$dropdown-item-padding-x' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-header-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-header-color' --target bootstrap
derived not given via driven rootsfollows $gray-600 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-header-padding-x

Trace it from the project:

npx transtyle explain --variable '$dropdown-header-padding-x' --target bootstrap
derived not given via driven rootsfollows $dropdown-item-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-header-padding-y

Trace it from the project:

npx transtyle explain --variable '$dropdown-header-padding-y' --target bootstrap
derived not given via driven rootsfollows $dropdown-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-header-padding

Trace it from the project:

npx transtyle explain --variable '$dropdown-header-padding' --target bootstrap
derived not given via driven rootsfollows $dropdown-header-padding-y, $dropdown-header-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-color' --target bootstrap
derived not given via driven rootsfollows $gray-300 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-bg' --target bootstrap
derived not given via driven rootsfollows $gray-800 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-border-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-border-color' --target bootstrap
derived not given via driven rootsfollows $dropdown-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-divider-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-divider-bg' --target bootstrap
derived not given via driven rootsfollows $dropdown-divider-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-box-shadow

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-box-shadow' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$dropdown-dark-link-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-link-color' --target bootstrap
derived not given via driven rootsfollows $dropdown-dark-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-link-hover-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-link-hover-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-link-hover-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-link-hover-bg' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-link-active-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-link-active-color' --target bootstrap
derived not given via driven rootsfollows $dropdown-link-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-link-active-bg

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-link-active-bg' --target bootstrap
derived not given via driven rootsfollows $dropdown-link-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-link-disabled-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-link-disabled-color' --target bootstrap
derived not given via driven rootsfollows $gray-500 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$dropdown-dark-header-color

Trace it from the project:

npx transtyle explain --variable '$dropdown-dark-header-color' --target bootstrap
derived not given via driven rootsfollows $gray-500 follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$pagination-padding-y

Trace it from the project:

npx transtyle explain --variable '$pagination-padding-y' --target bootstrap
approximated not given semantic.space.2 .375rem — between rungs; matches the button/field padding intent
$pagination-padding-x

Trace it from the project:

npx transtyle explain --variable '$pagination-padding-x' --target bootstrap
native not given semantic.space.3
$pagination-padding-y-sm

Trace it from the project:

npx transtyle explain --variable '$pagination-padding-y-sm' --target bootstrap
native not given semantic.space.1
$pagination-padding-x-sm

Trace it from the project:

npx transtyle explain --variable '$pagination-padding-x-sm' --target bootstrap
native not given semantic.space.2
$pagination-padding-y-lg

Trace it from the project:

npx transtyle explain --variable '$pagination-padding-y-lg' --target bootstrap
native not given semantic.space.3
$pagination-padding-x-lg

Trace it from the project:

npx transtyle explain --variable '$pagination-padding-x-lg' --target bootstrap
native not given semantic.space.6
$pagination-font-size

Trace it from the project:

npx transtyle explain --variable '$pagination-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$pagination-color

Trace it from the project:

npx transtyle explain --variable '$pagination-color' --target bootstrap
derived not given via global --bs-* varsfollows $link-color aliases a global custom property the semantic tier drives
$pagination-bg

Trace it from the project:

npx transtyle explain --variable '$pagination-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$pagination-border-radius

Trace it from the project:

npx transtyle explain --variable '$pagination-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$pagination-border-width

Trace it from the project:

npx transtyle explain --variable '$pagination-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$pagination-margin-start

Trace it from the project:

npx transtyle explain --variable '$pagination-margin-start' --target bootstrap
derived not given via driven rootsfollows $pagination-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$pagination-border-color

Trace it from the project:

npx transtyle explain --variable '$pagination-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$pagination-focus-color

Trace it from the project:

npx transtyle explain --variable '$pagination-focus-color' --target bootstrap
derived not given via global --bs-* varsfollows $link-hover-color aliases a global custom property the semantic tier drives
$pagination-focus-bg

Trace it from the project:

npx transtyle explain --variable '$pagination-focus-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$pagination-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$pagination-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $focus-ring-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$pagination-focus-outline

Trace it from the project:

npx transtyle explain --variable '$pagination-focus-outline' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (focus handled by focus-ring, driven semantically)
$pagination-hover-color

Trace it from the project:

npx transtyle explain --variable '$pagination-hover-color' --target bootstrap
derived not given via global --bs-* varsfollows $link-hover-color aliases a global custom property the semantic tier drives
$pagination-hover-bg

Trace it from the project:

npx transtyle explain --variable '$pagination-hover-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-tertiary-bg aliases a global custom property the semantic tier drives
$pagination-hover-border-color

Trace it from the project:

npx transtyle explain --variable '$pagination-hover-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$pagination-active-color

Trace it from the project:

npx transtyle explain --variable '$pagination-active-color' --target bootstrap
derived not given via driven rootsfollows $component-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$pagination-active-bg

Trace it from the project:

npx transtyle explain --variable '$pagination-active-bg' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$pagination-active-border-color

Trace it from the project:

npx transtyle explain --variable '$pagination-active-border-color' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$pagination-disabled-color

Trace it from the project:

npx transtyle explain --variable '$pagination-disabled-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$pagination-disabled-bg

Trace it from the project:

npx transtyle explain --variable '$pagination-disabled-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$pagination-disabled-border-color

Trace it from the project:

npx transtyle explain --variable '$pagination-disabled-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$pagination-transition

Trace it from the project:

npx transtyle explain --variable '$pagination-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$pagination-border-radius-sm

Trace it from the project:

npx transtyle explain --variable '$pagination-border-radius-sm' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-sm aliases a global custom property the semantic tier drives
$pagination-border-radius-lg

Trace it from the project:

npx transtyle explain --variable '$pagination-border-radius-lg' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-lg aliases a global custom property the semantic tier drives
$placeholder-opacity-max

Trace it from the project:

npx transtyle explain --variable '$placeholder-opacity-max' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$placeholder-opacity-min

Trace it from the project:

npx transtyle explain --variable '$placeholder-opacity-min' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$card-spacer-y

Trace it from the project:

npx transtyle explain --variable '$card-spacer-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$card-spacer-x

Trace it from the project:

npx transtyle explain --variable '$card-spacer-x' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$card-title-spacer-y

Trace it from the project:

npx transtyle explain --variable '$card-title-spacer-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$card-title-color

Trace it from the project:

npx transtyle explain --variable '$card-title-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven card/body text color
$card-subtitle-color

Trace it from the project:

npx transtyle explain --variable '$card-subtitle-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven card/body text color
$card-border-width

Trace it from the project:

npx transtyle explain --variable '$card-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$card-border-color

Trace it from the project:

npx transtyle explain --variable '$card-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color-translucent aliases a global custom property the semantic tier drives
$card-border-radius

Trace it from the project:

npx transtyle explain --variable '$card-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$card-box-shadow

Trace it from the project:

npx transtyle explain --variable '$card-box-shadow' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$card-inner-border-radius

Trace it from the project:

npx transtyle explain --variable '$card-inner-border-radius' --target bootstrap
derived not given via driven rootsfollows $card-border-radius, $card-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$card-cap-padding-y

Trace it from the project:

npx transtyle explain --variable '$card-cap-padding-y' --target bootstrap
derived not given via driven rootsfollows $card-spacer-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$card-cap-padding-x

Trace it from the project:

npx transtyle explain --variable '$card-cap-padding-x' --target bootstrap
derived not given via driven rootsfollows $card-spacer-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$card-cap-bg

Trace it from the project:

npx transtyle explain --variable '$card-cap-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$card-cap-color

Trace it from the project:

npx transtyle explain --variable '$card-cap-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven card/body text color
$card-height

Trace it from the project:

npx transtyle explain --variable '$card-height' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$card-color

Trace it from the project:

npx transtyle explain --variable '$card-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body text color
$card-bg

Trace it from the project:

npx transtyle explain --variable '$card-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$card-img-overlay-padding

Trace it from the project:

npx transtyle explain --variable '$card-img-overlay-padding' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$card-group-margin

Trace it from the project:

npx transtyle explain --variable '$card-group-margin' --target bootstrap
derived not given via driven rootsfollows $grid-gutter-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-padding-y

Trace it from the project:

npx transtyle explain --variable '$accordion-padding-y' --target bootstrap
native not given semantic.space.4
$accordion-padding-x

Trace it from the project:

npx transtyle explain --variable '$accordion-padding-x' --target bootstrap
native not given semantic.space.5
$accordion-color

Trace it from the project:

npx transtyle explain --variable '$accordion-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$accordion-bg

Trace it from the project:

npx transtyle explain --variable '$accordion-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$accordion-border-width

Trace it from the project:

npx transtyle explain --variable '$accordion-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$accordion-border-color

Trace it from the project:

npx transtyle explain --variable '$accordion-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$accordion-border-radius

Trace it from the project:

npx transtyle explain --variable '$accordion-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$accordion-inner-border-radius

Trace it from the project:

npx transtyle explain --variable '$accordion-inner-border-radius' --target bootstrap
derived not given via driven rootsfollows $accordion-border-radius, $accordion-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-body-padding-y

Trace it from the project:

npx transtyle explain --variable '$accordion-body-padding-y' --target bootstrap
derived not given via driven rootsfollows $accordion-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-body-padding-x

Trace it from the project:

npx transtyle explain --variable '$accordion-body-padding-x' --target bootstrap
derived not given via driven rootsfollows $accordion-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-button-padding-y

Trace it from the project:

npx transtyle explain --variable '$accordion-button-padding-y' --target bootstrap
derived not given via driven rootsfollows $accordion-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-button-padding-x

Trace it from the project:

npx transtyle explain --variable '$accordion-button-padding-x' --target bootstrap
derived not given via driven rootsfollows $accordion-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-button-color

Trace it from the project:

npx transtyle explain --variable '$accordion-button-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$accordion-button-bg

Trace it from the project:

npx transtyle explain --variable '$accordion-button-bg' --target bootstrap
derived not given via global --bs-* varsfollows $accordion-bg aliases a global custom property the semantic tier drives
$accordion-transition

Trace it from the project:

npx transtyle explain --variable '$accordion-transition' --target bootstrap
derived not given via driven rootsfollows $btn-transition follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-button-active-bg

Trace it from the project:

npx transtyle explain --variable '$accordion-button-active-bg' --target bootstrap
derived not given via global --bs-* varsfollows $primary-bg-subtle aliases a global custom property the semantic tier drives
$accordion-button-active-color

Trace it from the project:

npx transtyle explain --variable '$accordion-button-active-color' --target bootstrap
derived not given via global --bs-* varsfollows $primary-text-emphasis aliases a global custom property the semantic tier drives
$accordion-button-focus-border-color

Trace it from the project:

npx transtyle explain --variable '$accordion-button-focus-border-color' --target bootstrap
derived not given via driven rootsfollows $input-focus-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-button-focus-box-shadow

Trace it from the project:

npx transtyle explain --variable '$accordion-button-focus-box-shadow' --target bootstrap
derived not given via driven rootsfollows $btn-focus-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-icon-width

Trace it from the project:

npx transtyle explain --variable '$accordion-icon-width' --target bootstrap
unsupported not given — component icon size. The strongest open catalog-growth signal, and still one-sided: PrimeNG models this systematically (50 `icon.size` slots across 31 families, with a shared value set), Bootstrap has three ad-hoc ones with no common root. Promoting today would export one target’s architecture into the catalog — revisit when a third target arrives with a systematic icon-size concept (proposal 0004). (chevron)meaning icon.size
$accordion-icon-color

Trace it from the project:

npx transtyle explain --variable '$accordion-icon-color' --target bootstrap
derived not given via driven rootsfollows $body-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-icon-active-color

Trace it from the project:

npx transtyle explain --variable '$accordion-icon-active-color' --target bootstrap
derived not given via driven rootsfollows $primary-text-emphasis follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$accordion-icon-transition

Trace it from the project:

npx transtyle explain --variable '$accordion-icon-transition' --target bootstrap
approximated not given semantic.duration.normal + easing.standardreads semantic.duration.normal, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$accordion-icon-transform

Trace it from the project:

npx transtyle explain --variable '$accordion-icon-transform' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$accordion-button-icon

Trace it from the project:

npx transtyle explain --variable '$accordion-button-icon' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$accordion-button-active-icon

Trace it from the project:

npx transtyle explain --variable '$accordion-button-active-icon' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$tooltip-font-size

Trace it from the project:

npx transtyle explain --variable '$tooltip-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$tooltip-max-width

Trace it from the project:

npx transtyle explain --variable '$tooltip-max-width' --target bootstrap
native not given component.tooltip.max-width
$tooltip-color

Trace it from the project:

npx transtyle explain --variable '$tooltip-color' --target bootstrap
derived not given semantic.color.inverse.text nothing emitted: Bootstrap's own var(--bs-body-bg (elevation.0.surface)) already carries this slot's default in each mode
$tooltip-bg

Trace it from the project:

npx transtyle explain --variable '$tooltip-bg' --target bootstrap
derived not given semantic.color.inverse.surface nothing emitted: Bootstrap's own var(--bs-emphasis-color (neutral.text-strong)) already carries this slot's default in each mode
$tooltip-border-radius

Trace it from the project:

npx transtyle explain --variable '$tooltip-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$tooltip-opacity

Trace it from the project:

npx transtyle explain --variable '$tooltip-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$tooltip-padding-y

Trace it from the project:

npx transtyle explain --variable '$tooltip-padding-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$tooltip-padding-x

Trace it from the project:

npx transtyle explain --variable '$tooltip-padding-x' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$tooltip-margin

Trace it from the project:

npx transtyle explain --variable '$tooltip-margin' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$tooltip-arrow-width

Trace it from the project:

npx transtyle explain --variable '$tooltip-arrow-width' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (arrow geometry)
$tooltip-arrow-height

Trace it from the project:

npx transtyle explain --variable '$tooltip-arrow-height' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (arrow geometry)
$tooltip-arrow-color

Trace it from the project:

npx transtyle explain --variable '$tooltip-arrow-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven --bs-tooltip-bg (Bootstrap points the arrow at the bubble color)
$form-feedback-tooltip-padding-y

Trace it from the project:

npx transtyle explain --variable '$form-feedback-tooltip-padding-y' --target bootstrap
derived not given via driven rootsfollows $tooltip-padding-y follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-tooltip-padding-x

Trace it from the project:

npx transtyle explain --variable '$form-feedback-tooltip-padding-x' --target bootstrap
derived not given via driven rootsfollows $tooltip-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-tooltip-font-size

Trace it from the project:

npx transtyle explain --variable '$form-feedback-tooltip-font-size' --target bootstrap
derived not given via driven rootsfollows $tooltip-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-tooltip-line-height

Trace it from the project:

npx transtyle explain --variable '$form-feedback-tooltip-line-height' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body line height
$form-feedback-tooltip-opacity

Trace it from the project:

npx transtyle explain --variable '$form-feedback-tooltip-opacity' --target bootstrap
derived not given via driven rootsfollows $tooltip-opacity follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$form-feedback-tooltip-border-radius

Trace it from the project:

npx transtyle explain --variable '$form-feedback-tooltip-border-radius' --target bootstrap
derived not given via driven rootsfollows $tooltip-border-radius follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-font-size

Trace it from the project:

npx transtyle explain --variable '$popover-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-bg

Trace it from the project:

npx transtyle explain --variable '$popover-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$popover-max-width

Trace it from the project:

npx transtyle explain --variable '$popover-max-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal.meaning geometry.component
$popover-border-width

Trace it from the project:

npx transtyle explain --variable '$popover-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$popover-border-color

Trace it from the project:

npx transtyle explain --variable '$popover-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color-translucent aliases a global custom property the semantic tier drives
$popover-border-radius

Trace it from the project:

npx transtyle explain --variable '$popover-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-lg aliases a global custom property the semantic tier drives
$popover-inner-border-radius

Trace it from the project:

npx transtyle explain --variable '$popover-inner-border-radius' --target bootstrap
derived not given via driven rootsfollows $popover-border-radius, $popover-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-box-shadow

Trace it from the project:

npx transtyle explain --variable '$popover-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow aliases a global custom property the semantic tier drives
$popover-header-font-size

Trace it from the project:

npx transtyle explain --variable '$popover-header-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-header-bg

Trace it from the project:

npx transtyle explain --variable '$popover-header-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$popover-header-color

Trace it from the project:

npx transtyle explain --variable '$popover-header-color' --target bootstrap
derived not given via driven rootsfollows $headings-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-header-padding-y

Trace it from the project:

npx transtyle explain --variable '$popover-header-padding-y' --target bootstrap
native not given semantic.space.2
$popover-header-padding-x

Trace it from the project:

npx transtyle explain --variable '$popover-header-padding-x' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-body-color

Trace it from the project:

npx transtyle explain --variable '$popover-body-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$popover-body-padding-y

Trace it from the project:

npx transtyle explain --variable '$popover-body-padding-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-body-padding-x

Trace it from the project:

npx transtyle explain --variable '$popover-body-padding-x' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-arrow-width

Trace it from the project:

npx transtyle explain --variable '$popover-arrow-width' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (arrow geometry)
$popover-arrow-height

Trace it from the project:

npx transtyle explain --variable '$popover-arrow-height' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (arrow geometry)
$popover-arrow-color

Trace it from the project:

npx transtyle explain --variable '$popover-arrow-color' --target bootstrap
derived not given via driven rootsfollows $popover-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$popover-arrow-outer-color

Trace it from the project:

npx transtyle explain --variable '$popover-arrow-outer-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color-translucent aliases a global custom property the semantic tier drives
$toast-max-width

Trace it from the project:

npx transtyle explain --variable '$toast-max-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal.meaning geometry.component
$toast-padding-x

Trace it from the project:

npx transtyle explain --variable '$toast-padding-x' --target bootstrap
native not given semantic.space.3
$toast-padding-y

Trace it from the project:

npx transtyle explain --variable '$toast-padding-y' --target bootstrap
native not given semantic.space.2
$toast-font-size

Trace it from the project:

npx transtyle explain --variable '$toast-font-size' --target bootstrap
approximated not given semantic.type.size.sm .875rem vs the 0.8rem scale rung — nearest meaning
$toast-color

Trace it from the project:

npx transtyle explain --variable '$toast-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body text color
$toast-background-color

Trace it from the project:

npx transtyle explain --variable '$toast-background-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$toast-border-width

Trace it from the project:

npx transtyle explain --variable '$toast-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$toast-border-color

Trace it from the project:

npx transtyle explain --variable '$toast-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color-translucent aliases a global custom property the semantic tier drives
$toast-border-radius

Trace it from the project:

npx transtyle explain --variable '$toast-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$toast-box-shadow

Trace it from the project:

npx transtyle explain --variable '$toast-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow aliases a global custom property the semantic tier drives
$toast-spacing

Trace it from the project:

npx transtyle explain --variable '$toast-spacing' --target bootstrap
derived not given via driven rootsfollows $container-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$toast-header-color

Trace it from the project:

npx transtyle explain --variable '$toast-header-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$toast-header-background-color

Trace it from the project:

npx transtyle explain --variable '$toast-header-background-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$toast-header-border-color

Trace it from the project:

npx transtyle explain --variable '$toast-header-border-color' --target bootstrap
derived not given via driven rootsfollows $toast-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$badge-font-size

Trace it from the project:

npx transtyle explain --variable '$badge-font-size' --target bootstrap
approximated not given semantic.type.size.xs em-relative in Bootstrap (proportional to local font size); bound to the nearest rem rung — proportional intent is approximated, not preserved.
$badge-font-weight

Trace it from the project:

npx transtyle explain --variable '$badge-font-weight' --target bootstrap
derived not given via driven rootsfollows $font-weight-bold follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$badge-color

Trace it from the project:

npx transtyle explain --variable '$badge-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$badge-padding-y

Trace it from the project:

npx transtyle explain --variable '$badge-padding-y' --target bootstrap
approximated not given semantic.space.1 em-relative in Bootstrap (proportional to local font size); bound to the nearest rem rung — proportional intent is approximated, not preserved.
$badge-padding-x

Trace it from the project:

npx transtyle explain --variable '$badge-padding-x' --target bootstrap
approximated not given semantic.space.2 em-relative in Bootstrap (proportional to local font size); bound to the nearest rem rung — proportional intent is approximated, not preserved.
$badge-border-radius

Trace it from the project:

npx transtyle explain --variable '$badge-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$modal-inner-padding

Trace it from the project:

npx transtyle explain --variable '$modal-inner-padding' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-footer-margin-between

Trace it from the project:

npx transtyle explain --variable '$modal-footer-margin-between' --target bootstrap
native not given semantic.space.2
$modal-dialog-margin

Trace it from the project:

npx transtyle explain --variable '$modal-dialog-margin' --target bootstrap
native not given semantic.space.2
$modal-dialog-margin-y-sm-up

Trace it from the project:

npx transtyle explain --variable '$modal-dialog-margin-y-sm-up' --target bootstrap
approximated not given semantic.space.6 1.75rem — between rungs; nearest meaning
$modal-title-line-height

Trace it from the project:

npx transtyle explain --variable '$modal-title-line-height' --target bootstrap
derived not given via driven rootsfollows $line-height-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-content-color

Trace it from the project:

npx transtyle explain --variable '$modal-content-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$modal-content-bg

Trace it from the project:

npx transtyle explain --variable '$modal-content-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$modal-content-border-color

Trace it from the project:

npx transtyle explain --variable '$modal-content-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color-translucent aliases a global custom property the semantic tier drives
$modal-content-border-width

Trace it from the project:

npx transtyle explain --variable '$modal-content-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$modal-content-border-radius

Trace it from the project:

npx transtyle explain --variable '$modal-content-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius-lg aliases a global custom property the semantic tier drives
$modal-content-inner-border-radius

Trace it from the project:

npx transtyle explain --variable '$modal-content-inner-border-radius' --target bootstrap
derived not given via driven rootsfollows $modal-content-border-radius, $modal-content-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-content-box-shadow-xs

Trace it from the project:

npx transtyle explain --variable '$modal-content-box-shadow-xs' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow-sm aliases a global custom property the semantic tier drives
$modal-content-box-shadow-sm-up

Trace it from the project:

npx transtyle explain --variable '$modal-content-box-shadow-sm-up' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow aliases a global custom property the semantic tier drives
$modal-backdrop-bg

Trace it from the project:

npx transtyle explain --variable '$modal-backdrop-bg' --target bootstrap
derived not given semantic.color.scrim (opaque)reads semantic.color.scrim
$modal-backdrop-opacity

Trace it from the project:

npx transtyle explain --variable '$modal-backdrop-opacity' --target bootstrap
derived not given semantic.color.scrim (alpha)reads semantic.color.scrim
$modal-header-border-color

Trace it from the project:

npx transtyle explain --variable '$modal-header-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$modal-header-border-width

Trace it from the project:

npx transtyle explain --variable '$modal-header-border-width' --target bootstrap
derived not given via driven rootsfollows $modal-content-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-header-padding-y

Trace it from the project:

npx transtyle explain --variable '$modal-header-padding-y' --target bootstrap
derived not given via driven rootsfollows $modal-inner-padding follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-header-padding-x

Trace it from the project:

npx transtyle explain --variable '$modal-header-padding-x' --target bootstrap
derived not given via driven rootsfollows $modal-inner-padding follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-header-padding

Trace it from the project:

npx transtyle explain --variable '$modal-header-padding' --target bootstrap
derived not given via driven rootsfollows $modal-header-padding-y, $modal-header-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-footer-bg

Trace it from the project:

npx transtyle explain --variable '$modal-footer-bg' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$modal-footer-border-color

Trace it from the project:

npx transtyle explain --variable '$modal-footer-border-color' --target bootstrap
derived not given via driven rootsfollows $modal-header-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-footer-border-width

Trace it from the project:

npx transtyle explain --variable '$modal-footer-border-width' --target bootstrap
derived not given via driven rootsfollows $modal-header-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$modal-sm

Trace it from the project:

npx transtyle explain --variable '$modal-sm' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (dialog width steps)meaning geometry.component
$modal-md

Trace it from the project:

npx transtyle explain --variable '$modal-md' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (dialog width steps)meaning geometry.component
$modal-lg

Trace it from the project:

npx transtyle explain --variable '$modal-lg' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (dialog width steps)meaning geometry.component
$modal-xl

Trace it from the project:

npx transtyle explain --variable '$modal-xl' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (dialog width steps)meaning geometry.component
$modal-fade-transform

Trace it from the project:

npx transtyle explain --variable '$modal-fade-transform' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$modal-show-transform

Trace it from the project:

npx transtyle explain --variable '$modal-show-transform' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$modal-transition

Trace it from the project:

npx transtyle explain --variable '$modal-transition' --target bootstrap
approximated not given semantic.duration.normal + easing.enterreads semantic.duration.normal, semantic.easing.enter timing from the motion scale; property list kept from Bootstrap's default
$modal-scale-transform

Trace it from the project:

npx transtyle explain --variable '$modal-scale-transform' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$alert-padding-y

Trace it from the project:

npx transtyle explain --variable '$alert-padding-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$alert-padding-x

Trace it from the project:

npx transtyle explain --variable '$alert-padding-x' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$alert-margin-bottom

Trace it from the project:

npx transtyle explain --variable '$alert-margin-bottom' --target bootstrap
native not given semantic.space.4
$alert-border-radius

Trace it from the project:

npx transtyle explain --variable '$alert-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$alert-link-font-weight

Trace it from the project:

npx transtyle explain --variable '$alert-link-font-weight' --target bootstrap
derived not given via driven rootsfollows $font-weight-bold follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$alert-border-width

Trace it from the project:

npx transtyle explain --variable '$alert-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$alert-dismissible-padding-r

Trace it from the project:

npx transtyle explain --variable '$alert-dismissible-padding-r' --target bootstrap
derived not given via driven rootsfollows $alert-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$alert-bg-scale

Trace it from the project:

npx transtyle explain --variable '$alert-bg-scale' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$alert-border-scale

Trace it from the project:

npx transtyle explain --variable '$alert-border-scale' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$alert-color-scale

Trace it from the project:

npx transtyle explain --variable '$alert-color-scale' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$progress-height

Trace it from the project:

npx transtyle explain --variable '$progress-height' --target bootstrap
native not given semantic.space.4
$progress-font-size

Trace it from the project:

npx transtyle explain --variable '$progress-font-size' --target bootstrap
derived not given via driven rootsfollows $font-size-base follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$progress-bg

Trace it from the project:

npx transtyle explain --variable '$progress-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$progress-border-radius

Trace it from the project:

npx transtyle explain --variable '$progress-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$progress-box-shadow

Trace it from the project:

npx transtyle explain --variable '$progress-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow-inset aliases a global custom property the semantic tier drives
$progress-bar-color

Trace it from the project:

npx transtyle explain --variable '$progress-bar-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$progress-bar-bg

Trace it from the project:

npx transtyle explain --variable '$progress-bar-bg' --target bootstrap
derived not given via driven rootsfollows $primary follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$progress-bar-animation-timing

Trace it from the project:

npx transtyle explain --variable '$progress-bar-animation-timing' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (stripe animation mechanics)
$progress-bar-transition

Trace it from the project:

npx transtyle explain --variable '$progress-bar-transition' --target bootstrap
approximated not given semantic.duration.slower + easing.standardreads semantic.duration.slower, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$list-group-color

Trace it from the project:

npx transtyle explain --variable '$list-group-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$list-group-bg

Trace it from the project:

npx transtyle explain --variable '$list-group-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$list-group-border-color

Trace it from the project:

npx transtyle explain --variable '$list-group-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$list-group-border-width

Trace it from the project:

npx transtyle explain --variable '$list-group-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$list-group-border-radius

Trace it from the project:

npx transtyle explain --variable '$list-group-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$list-group-item-padding-y

Trace it from the project:

npx transtyle explain --variable '$list-group-item-padding-y' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$list-group-item-padding-x

Trace it from the project:

npx transtyle explain --variable '$list-group-item-padding-x' --target bootstrap
derived not given via driven rootsfollows $spacer follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$list-group-item-bg-scale

Trace it from the project:

npx transtyle explain --variable '$list-group-item-bg-scale' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$list-group-item-color-scale

Trace it from the project:

npx transtyle explain --variable '$list-group-item-color-scale' --target bootstrap
dropped not given — Bootstrap state/subtle-color derivation knob (shade/tint/scale %). Transtyle derives those result colors directly (grid -hover/-active cells, tint/outline prominences); the percentage itself has no token meaning — the derived colors reach the target via the CSS-variable path (AL1.4).
$list-group-hover-bg

Trace it from the project:

npx transtyle explain --variable '$list-group-hover-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-tertiary-bg aliases a global custom property the semantic tier drives
$list-group-active-color

Trace it from the project:

npx transtyle explain --variable '$list-group-active-color' --target bootstrap
derived not given via driven rootsfollows $component-active-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$list-group-active-bg

Trace it from the project:

npx transtyle explain --variable '$list-group-active-bg' --target bootstrap
derived not given via driven rootsfollows $component-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$list-group-active-border-color

Trace it from the project:

npx transtyle explain --variable '$list-group-active-border-color' --target bootstrap
derived not given via driven rootsfollows $list-group-active-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$list-group-disabled-color

Trace it from the project:

npx transtyle explain --variable '$list-group-disabled-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$list-group-disabled-bg

Trace it from the project:

npx transtyle explain --variable '$list-group-disabled-bg' --target bootstrap
derived not given via driven rootsfollows $list-group-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$list-group-action-color

Trace it from the project:

npx transtyle explain --variable '$list-group-action-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$list-group-action-hover-color

Trace it from the project:

npx transtyle explain --variable '$list-group-action-hover-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-emphasis-color aliases a global custom property the semantic tier drives
$list-group-action-active-color

Trace it from the project:

npx transtyle explain --variable '$list-group-action-active-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$list-group-action-active-bg

Trace it from the project:

npx transtyle explain --variable '$list-group-action-active-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-bg aliases a global custom property the semantic tier drives
$thumbnail-padding

Trace it from the project:

npx transtyle explain --variable '$thumbnail-padding' --target bootstrap
native not given semantic.space.1
$thumbnail-bg

Trace it from the project:

npx transtyle explain --variable '$thumbnail-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$thumbnail-border-width

Trace it from the project:

npx transtyle explain --variable '$thumbnail-border-width' --target bootstrap
derived not given via global --bs-* varsfollows $border-width aliases a global custom property the semantic tier drives
$thumbnail-border-color

Trace it from the project:

npx transtyle explain --variable '$thumbnail-border-color' --target bootstrap
derived not given via global --bs-* varsfollows $border-color aliases a global custom property the semantic tier drives
$thumbnail-border-radius

Trace it from the project:

npx transtyle explain --variable '$thumbnail-border-radius' --target bootstrap
derived not given via global --bs-* varsfollows $border-radius aliases a global custom property the semantic tier drives
$thumbnail-box-shadow

Trace it from the project:

npx transtyle explain --variable '$thumbnail-box-shadow' --target bootstrap
derived not given via global --bs-* varsfollows $box-shadow-sm aliases a global custom property the semantic tier drives
$figure-caption-font-size

Trace it from the project:

npx transtyle explain --variable '$figure-caption-font-size' --target bootstrap
derived not given via driven rootsfollows $small-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$figure-caption-color

Trace it from the project:

npx transtyle explain --variable '$figure-caption-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$breadcrumb-font-size

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-font-size' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body type
$breadcrumb-padding-y

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-padding-y' --target bootstrap
native not given semantic.space.0
$breadcrumb-padding-x

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-padding-x' --target bootstrap
native not given semantic.space.0
$breadcrumb-item-padding-x

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-item-padding-x' --target bootstrap
native not given semantic.space.2
$breadcrumb-margin-bottom

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-margin-bottom' --target bootstrap
native not given semantic.space.4
$breadcrumb-bg

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-bg' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$breadcrumb-divider-color

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-divider-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$breadcrumb-active-color

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-active-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-secondary-color aliases a global custom property the semantic tier drives
$breadcrumb-divider

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-divider' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (divider glyph)
$breadcrumb-divider-flipped

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-divider-flipped' --target bootstrap
derived not given via driven rootsfollows $breadcrumb-divider follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$breadcrumb-border-radius

Trace it from the project:

npx transtyle explain --variable '$breadcrumb-border-radius' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$carousel-control-color

Trace it from the project:

npx transtyle explain --variable '$carousel-control-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$carousel-control-width

Trace it from the project:

npx transtyle explain --variable '$carousel-control-width' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$carousel-control-opacity

Trace it from the project:

npx transtyle explain --variable '$carousel-control-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$carousel-control-hover-opacity

Trace it from the project:

npx transtyle explain --variable '$carousel-control-hover-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$carousel-control-transition

Trace it from the project:

npx transtyle explain --variable '$carousel-control-transition' --target bootstrap
approximated not given semantic.duration.fast + easing.standardreads semantic.duration.fast, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$carousel-control-icon-filter

Trace it from the project:

npx transtyle explain --variable '$carousel-control-icon-filter' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$carousel-indicator-width

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-width' --target bootstrap
unsupported not given — both reference targets have this concept and model it differently, so no single authored value satisfies both: Bootstrap sizes it in `em` (proportional to local font size, one dimension), PrimeNG in absolute `rem` with independent width/height and an sm/md/lg ladder. The disagreement is the finding (proposal 0004) — same shape as the size ladder AL2 rejected. (PrimeNG has indicator width+height too, but 28x8 rounded vs Bootstrap 30x3 hairline — one value would give two differently-wrong carousels)meaning geometry.indicator
$carousel-indicator-height

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-height' --target bootstrap
unsupported not given — both reference targets have this concept and model it differently, so no single authored value satisfies both: Bootstrap sizes it in `em` (proportional to local font size, one dimension), PrimeNG in absolute `rem` with independent width/height and an sm/md/lg ladder. The disagreement is the finding (proposal 0004) — same shape as the size ladder AL2 rejected. (indicator, height axis)meaning geometry.indicator
$carousel-indicator-hit-area-height

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-hit-area-height' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value. (touch target mechanics)
$carousel-indicator-spacer

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-spacer' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (gap between indicators — PrimeNG has no counterpart at all)meaning geometry.component
$carousel-indicator-opacity

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$carousel-indicator-active-bg

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-active-bg' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$carousel-indicator-active-opacity

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-active-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$carousel-indicator-transition

Trace it from the project:

npx transtyle explain --variable '$carousel-indicator-transition' --target bootstrap
approximated not given semantic.duration.slower + easing.standardreads semantic.duration.slower, semantic.easing.standard timing from the motion scale; property list kept from Bootstrap's default
$carousel-caption-width

Trace it from the project:

npx transtyle explain --variable '$carousel-caption-width' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$carousel-caption-color

Trace it from the project:

npx transtyle explain --variable '$carousel-caption-color' --target bootstrap
derived not given via driven rootsfollows $white follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$carousel-caption-padding-y

Trace it from the project:

npx transtyle explain --variable '$carousel-caption-padding-y' --target bootstrap
native not given semantic.space.5
$carousel-caption-spacer

Trace it from the project:

npx transtyle explain --variable '$carousel-caption-spacer' --target bootstrap
native not given semantic.space.5
$carousel-control-icon-width

Trace it from the project:

npx transtyle explain --variable '$carousel-control-icon-width' --target bootstrap
unsupported not given — component icon size. The strongest open catalog-growth signal, and still one-sided: PrimeNG models this systematically (50 `icon.size` slots across 31 families, with a shared value set), Bootstrap has three ad-hoc ones with no common root. Promoting today would export one target’s architecture into the catalog — revisit when a third target arrives with a systematic icon-size concept (proposal 0004). (prev/next control)meaning icon.size
$carousel-control-prev-icon-bg

Trace it from the project:

npx transtyle explain --variable '$carousel-control-prev-icon-bg' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$carousel-control-next-icon-bg

Trace it from the project:

npx transtyle explain --variable '$carousel-control-next-icon-bg' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$carousel-transition-duration

Trace it from the project:

npx transtyle explain --variable '$carousel-transition-duration' --target bootstrap
derived not given semantic.duration.slower
$carousel-transition

Trace it from the project:

npx transtyle explain --variable '$carousel-transition' --target bootstrap
derived not given via driven rootsfollows $carousel-transition-duration follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$carousel-dark-indicator-active-bg

Trace it from the project:

npx transtyle explain --variable '$carousel-dark-indicator-active-bg' --target bootstrap
derived not given via driven rootsfollows $black follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$carousel-dark-caption-color

Trace it from the project:

npx transtyle explain --variable '$carousel-dark-caption-color' --target bootstrap
derived not given via driven rootsfollows $black follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$carousel-dark-control-icon-filter

Trace it from the project:

npx transtyle explain --variable '$carousel-dark-control-icon-filter' --target bootstrap
dropped not given — CSS filter trick — presentation mechanics, not a token meaning.
$spinner-width

Trace it from the project:

npx transtyle explain --variable '$spinner-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal.meaning geometry.component
$spinner-height

Trace it from the project:

npx transtyle explain --variable '$spinner-height' --target bootstrap
derived not given via driven rootsfollows $spinner-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$spinner-vertical-align

Trace it from the project:

npx transtyle explain --variable '$spinner-vertical-align' --target bootstrap
dropped not given — structural/behavioral option (layout, cursor, transform, ordering, animation mechanics), not a theme value.
$spinner-border-width

Trace it from the project:

npx transtyle explain --variable '$spinner-border-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (em-relative ring thickness)meaning geometry.component
$spinner-animation-speed

Trace it from the project:

npx transtyle explain --variable '$spinner-animation-speed' --target bootstrap
approximated not given semantic.duration.slower .75s rotation period vs 600ms — nearest rung
$spinner-width-sm

Trace it from the project:

npx transtyle explain --variable '$spinner-width-sm' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal.meaning geometry.component
$spinner-height-sm

Trace it from the project:

npx transtyle explain --variable '$spinner-height-sm' --target bootstrap
derived not given via driven rootsfollows $spinner-width-sm follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$spinner-border-width-sm

Trace it from the project:

npx transtyle explain --variable '$spinner-border-width-sm' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (em-relative ring thickness)meaning geometry.component
$btn-close-width

Trace it from the project:

npx transtyle explain --variable '$btn-close-width' --target bootstrap
unsupported not given — component icon size. The strongest open catalog-growth signal, and still one-sided: PrimeNG models this systematically (50 `icon.size` slots across 31 families, with a shared value set), Bootstrap has three ad-hoc ones with no common root. Promoting today would export one target’s architecture into the catalog — revisit when a third target arrives with a systematic icon-size concept (proposal 0004). (close glyph)meaning icon.size
$btn-close-height

Trace it from the project:

npx transtyle explain --variable '$btn-close-height' --target bootstrap
derived not given via driven rootsfollows $btn-close-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-close-padding-x

Trace it from the project:

npx transtyle explain --variable '$btn-close-padding-x' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. em-relative in Bootstrap (proportional to local font size); bound to the nearest rem rung — proportional intent is approximated, not preserved.meaning geometry.component
$btn-close-padding-y

Trace it from the project:

npx transtyle explain --variable '$btn-close-padding-y' --target bootstrap
derived not given via driven rootsfollows $btn-close-padding-x follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-close-color

Trace it from the project:

npx transtyle explain --variable '$btn-close-color' --target bootstrap
approximated not given semantic.color.text.base (opaque)reads semantic.color.text.base Sass path only (baked into the glyph's SVG data URI); in dark mode Bootstrap inverts the light glyph with $btn-close-filter-dark instead of reading a dark colour
$btn-close-bg

Trace it from the project:

npx transtyle explain --variable '$btn-close-bg' --target bootstrap
unsupported not given — embedded SVG asset (icon/glyph) — the IR has no asset/icon vocabulary yet. AL2 growth signal: component icon slots.meaning icon.asset
$btn-close-focus-shadow

Trace it from the project:

npx transtyle explain --variable '$btn-close-focus-shadow' --target bootstrap
derived not given via driven rootsfollows $focus-ring-box-shadow follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$btn-close-opacity

Trace it from the project:

npx transtyle explain --variable '$btn-close-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$btn-close-hover-opacity

Trace it from the project:

npx transtyle explain --variable '$btn-close-hover-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$btn-close-focus-opacity

Trace it from the project:

npx transtyle explain --variable '$btn-close-focus-opacity' --target bootstrap
unsupported not given — opacity value with no shared meaning: AL2 promoted `semantic.opacity.disabled` (the one both reference targets needed) but this slot is a different concept — a veil strength, a shimmer range, or a glyph-specific alpha. Growth signal only if a second target needs the identical one.meaning opacity.component
$btn-close-disabled-opacity

Trace it from the project:

npx transtyle explain --variable '$btn-close-disabled-opacity' --target bootstrap
unsupported not given — the same concept as `semantic.opacity.disabled`, but not bindable to it: Bootstrap composes this against the glyph's own resting alpha ($btn-close-opacity: .5), so writing the catalog value (0.6) here would make the disabled close button MORE visible than the enabled one. Needs a compositional recipe (catalog factor x the target's resting alpha) the cross-walk has no form for yet — a real AL2-style growth signal, unlike the other -opacity rows in this family.meaning opacity.compositional
$btn-close-filter

Trace it from the project:

npx transtyle explain --variable '$btn-close-filter' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$btn-close-white-filter

Trace it from the project:

npx transtyle explain --variable '$btn-close-white-filter' --target bootstrap
dropped not given — CSS filter trick — presentation mechanics, not a token meaning.
$offcanvas-padding-y

Trace it from the project:

npx transtyle explain --variable '$offcanvas-padding-y' --target bootstrap
derived not given via driven rootsfollows $modal-inner-padding follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$offcanvas-padding-x

Trace it from the project:

npx transtyle explain --variable '$offcanvas-padding-x' --target bootstrap
derived not given via driven rootsfollows $modal-inner-padding follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$offcanvas-horizontal-width

Trace it from the project:

npx transtyle explain --variable '$offcanvas-horizontal-width' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (panel width)meaning geometry.component
$offcanvas-vertical-height

Trace it from the project:

npx transtyle explain --variable '$offcanvas-vertical-height' --target bootstrap
unsupported not given — bespoke component geometry with no shared meaning — measured against the second reference target (proposal 0004), this is a slot PrimeNG either hard-codes or models differently, not a gap in the IR. Not a growth signal. (panel height)meaning geometry.component
$offcanvas-transition-duration

Trace it from the project:

npx transtyle explain --variable '$offcanvas-transition-duration' --target bootstrap
approximated not given semantic.duration.normal .3s vs 250ms — nearest rung
$offcanvas-border-color

Trace it from the project:

npx transtyle explain --variable '$offcanvas-border-color' --target bootstrap
derived not given via driven rootsfollows $modal-content-border-color follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$offcanvas-border-width

Trace it from the project:

npx transtyle explain --variable '$offcanvas-border-width' --target bootstrap
derived not given via driven rootsfollows $modal-content-border-width follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$offcanvas-title-line-height

Trace it from the project:

npx transtyle explain --variable '$offcanvas-title-line-height' --target bootstrap
derived not given via driven rootsfollows $modal-title-line-height follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$offcanvas-bg-color

Trace it from the project:

npx transtyle explain --variable '$offcanvas-bg-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$offcanvas-color

Trace it from the project:

npx transtyle explain --variable '$offcanvas-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$offcanvas-box-shadow

Trace it from the project:

npx transtyle explain --variable '$offcanvas-box-shadow' --target bootstrap
derived not given via driven rootsfollows $modal-content-box-shadow-xs follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$offcanvas-backdrop-bg

Trace it from the project:

npx transtyle explain --variable '$offcanvas-backdrop-bg' --target bootstrap
derived not given via driven rootsfollows $modal-backdrop-bg follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$offcanvas-backdrop-opacity

Trace it from the project:

npx transtyle explain --variable '$offcanvas-backdrop-opacity' --target bootstrap
derived not given via driven rootsfollows $modal-backdrop-opacity follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$code-font-size

Trace it from the project:

npx transtyle explain --variable '$code-font-size' --target bootstrap
derived not given via driven rootsfollows $small-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$code-color

Trace it from the project:

npx transtyle explain --variable '$code-color' --target bootstrap
derived not given via driven rootsfollows $pink follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$kbd-padding-y

Trace it from the project:

npx transtyle explain --variable '$kbd-padding-y' --target bootstrap
approximated not given semantic.space.1 .1875rem — sub-rung; nearest meaning
$kbd-padding-x

Trace it from the project:

npx transtyle explain --variable '$kbd-padding-x' --target bootstrap
approximated not given semantic.space.1 .375rem — between rungs; nearest meaning
$kbd-font-size

Trace it from the project:

npx transtyle explain --variable '$kbd-font-size' --target bootstrap
derived not given via driven rootsfollows $code-font-size follows Bootstrap's own !default chain from roots this exporter drives (refs recorded in surface-inventory.json)
$kbd-color

Trace it from the project:

npx transtyle explain --variable '$kbd-color' --target bootstrap
derived not given via global --bs-* varsfollows $body-bg aliases a global custom property the semantic tier drives
$kbd-bg

Trace it from the project:

npx transtyle explain --variable '$kbd-bg' --target bootstrap
derived not given via global --bs-* varsfollows $body-color aliases a global custom property the semantic tier drives
$nested-kbd-font-weight

Trace it from the project:

npx transtyle explain --variable '$nested-kbd-font-weight' --target bootstrap
dropped not given — Bootstrap cascade no-op marker (null/inherit/transparent/currentcolor) left untouched — overriding would change inheritance behavior, not theme values
$pre-color

Trace it from the project:

npx transtyle explain --variable '$pre-color' --target bootstrap
derived not given via the cascade left at Bootstrap's cascade no-op so the value reaches it by inheritance from the driven body text color
--bs-* component structure (37 slots, CSS path) derived not given see the per-$variable rows selector-scoped overrides of the values Bootstrap baked into component rules — reaches part of what F13 said the token tier alone could not
--bs-btn-* variant state colors (CSS path) derived not given semantic.color.<role>.{solid,solid-hover,solid-active,on-solid}reads semantic.color.primary.solid, semantic.color.primary.solid-hover, semantic.color.primary.solid-active, semantic.color.primary.on-solid, semantic.color.secondary.solid, semantic.color.secondary.solid-hover, semantic.color.secondary.solid-active, semantic.color.secondary.on-solid, semantic.color.success.solid, semantic.color.success.solid-hover, semantic.color.success.solid-active, semantic.color.success.on-solid, semantic.color.info.solid, semantic.color.info.solid-hover, semantic.color.info.solid-active, semantic.color.info.on-solid, semantic.color.warning.solid, semantic.color.warning.solid-hover, semantic.color.warning.solid-active, semantic.color.warning.on-solid, semantic.color.danger.solid, semantic.color.danger.solid-hover, semantic.color.danger.solid-active, semantic.color.danger.on-solid grid state cells replace Bootstrap's shade/tint derivation for stock-CSS users; .btn-light/.btn-dark keep defaults (pseudo-roles have no grid)
(mode:density) dropped not given — density mode dimension not expressed by this target
(mode:contrast) approximated not given — the CSS path (bootstrap-theme.css) carries the contrast blocks; the Sass path compiles the standard-contrast values, so load bootstrap-theme.css after a Sass build to get them
(mode:motion) native not given semantic.duration.* Bootstrap's own $enable-reduced-motion turns every transition off under prefers-reduced-motion: reduce, which is what this design system's reduced durations (all 0ms) ask for