|
|
|
|
import type { RecipeTokenSet } from '../config-types';
|
|
|
|
|
|
|
|
|
|
export const THEME_BASE_RECIPE_TOKENS = {
|
|
|
|
|
accordion: {
|
|
|
|
|
'provider-border-width': 'var(--border-width)',
|
|
|
|
|
'provider-radius': 'var(--radius-lg)',
|
|
|
|
|
'outline-provider-bg': 'var(--color-surface-default)',
|
|
|
|
|
'outline-provider-border': 'var(--color-border-default)',
|
|
|
|
|
'outline-item-border': 'var(--color-border-subtle)',
|
|
|
|
|
'outline-content-bg': 'var(--color-surface-default)',
|
|
|
|
|
'surface-provider-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'surface-provider-border': 'var(--color-border-subtle)',
|
|
|
|
|
'surface-provider-shadow': 'var(--shadow-subtle)',
|
|
|
|
|
'surface-item-border': 'var(--color-border-subtle)',
|
|
|
|
|
'surface-content-bg': 'var(--color-surface-default)',
|
|
|
|
|
'ghost-provider-bg': 'transparent',
|
|
|
|
|
'ghost-provider-border': 'transparent',
|
|
|
|
|
'ghost-item-border': 'var(--color-border-subtle)',
|
|
|
|
|
'ghost-content-bg': 'transparent',
|
|
|
|
|
'item-border-width': 'var(--border-width)',
|
|
|
|
|
'trigger-min-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'trigger-min-height-md': 'var(--control-height-md)',
|
|
|
|
|
'trigger-min-height-lg': 'var(--control-height-lg)',
|
|
|
|
|
'trigger-min-height-full': 'var(--control-height-xl)',
|
|
|
|
|
'trigger-px-sm': 'var(--space-3)',
|
|
|
|
|
'trigger-px-md': 'var(--space-4)',
|
|
|
|
|
'trigger-px-lg': 'var(--space-5)',
|
|
|
|
|
'trigger-px-full': 'var(--space-6)',
|
|
|
|
|
'trigger-py-sm': 'var(--space-2-5)',
|
|
|
|
|
'trigger-py-md': 'var(--space-3)',
|
|
|
|
|
'trigger-py-lg': 'var(--space-3-5)',
|
|
|
|
|
'trigger-py-full': 'var(--space-4)',
|
|
|
|
|
'trigger-gap': 'var(--space-3)',
|
|
|
|
|
'trigger-font-family': 'var(--font-ui)',
|
|
|
|
|
'trigger-font-size-sm': 'var(--text-3-size)',
|
|
|
|
|
'trigger-font-size-md': 'var(--text-4-size)',
|
|
|
|
|
'trigger-font-size-lg': 'var(--text-5-size)',
|
|
|
|
|
'trigger-font-size-full': 'var(--text-6-size)',
|
|
|
|
|
'trigger-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'trigger-line-height': 'var(--leading-ui)',
|
|
|
|
|
'trigger-color': 'var(--color-content-primary)',
|
|
|
|
|
// Open state: keep the trigger text in the primary content tone.
|
|
|
|
|
// The chevron rotation + revealed content already signal openness;
|
|
|
|
|
// recoloring the heading adds noise without information (matches
|
|
|
|
|
// shadcn/Radix/Ark).
|
|
|
|
|
'trigger-color-open': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-color-disabled': 'var(--color-content-disabled)',
|
|
|
|
|
'trigger-hover-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'trigger-hover-color': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'trigger-transition-ease': 'var(--ease-default)',
|
|
|
|
|
'trigger-focus-ring-offset': 'var(--focus-ring-offset)',
|
|
|
|
|
'trigger-focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'trigger-focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'content-px-sm': 'var(--space-3)',
|
|
|
|
|
'content-px-md': 'var(--space-4)',
|
|
|
|
|
'content-px-lg': 'var(--space-5)',
|
|
|
|
|
'content-px-full': 'var(--space-6)',
|
|
|
|
|
'content-py-sm': 'var(--space-2-5)',
|
|
|
|
|
'content-py-md': 'var(--space-3)',
|
|
|
|
|
'content-py-lg': 'var(--space-4)',
|
|
|
|
|
'content-py-full': 'var(--space-5)',
|
|
|
|
|
'content-font-family': 'var(--font-prose)',
|
|
|
|
|
'content-font-size': 'var(--text-4-size)',
|
|
|
|
|
'content-line-height': 'var(--leading-prose)',
|
|
|
|
|
'content-color': 'var(--color-content-secondary)',
|
|
|
|
|
'content-open-duration': 'var(--duration-normal)',
|
|
|
|
|
'content-close-duration': 'var(--duration-fast)',
|
|
|
|
|
'content-open-ease': 'var(--ease-out)',
|
|
|
|
|
'content-close-ease': 'var(--ease-in)',
|
|
|
|
|
'indicator-size-sm': 'var(--icon-size-sm)',
|
|
|
|
|
'indicator-size-md': 'var(--icon-size-sm)',
|
|
|
|
|
'indicator-size-lg': 'var(--icon-size-md)',
|
|
|
|
|
'indicator-color': 'var(--color-content-secondary)',
|
|
|
|
|
// Indicator turns to the primary content tone when open — a subtle
|
|
|
|
|
// emphasis without the loud accent recolor.
|
|
|
|
|
'indicator-color-open': 'var(--color-content-primary)',
|
|
|
|
|
'indicator-rotation': '180deg',
|
|
|
|
|
'indicator-transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'indicator-transition-ease': 'var(--ease-default)'
|
|
|
|
|
},
|
|
|
|
|
avatar: {
|
|
|
|
|
'size-xs': '24px',
|
|
|
|
|
'size-sm': '32px',
|
|
|
|
|
'size-md': '40px',
|
|
|
|
|
'size-lg': '48px',
|
|
|
|
|
'size-xl': '64px',
|
|
|
|
|
'size-xxl': '96px',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-size-xs': '10px',
|
|
|
|
|
'font-size-sm': '12px',
|
|
|
|
|
'font-size-md': '14px',
|
|
|
|
|
'font-size-lg': '16px',
|
|
|
|
|
'font-size-xl': '20px',
|
|
|
|
|
'font-size-xxl': '28px',
|
|
|
|
|
'font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'radius-full': 'var(--radius-full)',
|
|
|
|
|
'radius-md': 'var(--radius-md)',
|
|
|
|
|
'radius-sm': 'var(--radius-sm)',
|
|
|
|
|
'radius-none': '0',
|
|
|
|
|
'border-width': '2px',
|
|
|
|
|
'color-primary-solid-bg': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-fg': 'var(--color-primary-contrast)',
|
|
|
|
|
'color-primary-soft-bg': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-soft-fg': 'var(--color-primary-text)',
|
|
|
|
|
'color-primary-outline-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-outline-fg': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid-bg': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-fg': 'var(--color-secondary-contrast)',
|
|
|
|
|
'color-secondary-soft-bg': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-soft-fg': 'var(--color-secondary-text)',
|
|
|
|
|
'color-secondary-outline-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-outline-fg': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid-bg': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-fg': 'var(--color-surface-default)',
|
|
|
|
|
'color-neutral-soft-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-soft-fg': 'var(--color-neutral-text)',
|
|
|
|
|
'color-neutral-outline-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-outline-fg': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid-bg': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-fg': 'var(--color-affirm-contrast)',
|
|
|
|
|
'color-affirm-soft-bg': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-soft-fg': 'var(--color-affirm-text)',
|
|
|
|
|
'color-affirm-outline-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-outline-fg': 'var(--color-affirm-text)',
|
|
|
|
|
'color-fulfill-solid-bg': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-solid-fg': 'var(--color-fulfill-contrast)',
|
|
|
|
|
'color-fulfill-soft-bg': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-soft-fg': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-fulfill-outline-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-outline-fg': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-risk-solid-bg': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-solid-fg': 'var(--color-risk-contrast)',
|
|
|
|
|
'color-risk-soft-bg': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-soft-fg': 'var(--color-risk-text)',
|
|
|
|
|
'color-risk-outline-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-outline-fg': 'var(--color-risk-text)',
|
|
|
|
|
'color-threat-solid-bg': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-solid-fg': 'var(--color-threat-contrast)',
|
|
|
|
|
'color-threat-soft-bg': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-soft-fg': 'var(--color-threat-text)',
|
|
|
|
|
'color-threat-outline-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-outline-fg': 'var(--color-threat-text)',
|
|
|
|
|
'color-loss-solid-bg': 'var(--color-loss-solid)',
|
|
|
|
|
'color-loss-solid-fg': 'var(--color-loss-contrast)',
|
|
|
|
|
'color-loss-soft-bg': 'var(--color-loss-track)',
|
|
|
|
|
'color-loss-soft-fg': 'var(--color-loss-text)',
|
|
|
|
|
'color-loss-outline-border': 'var(--color-loss-border)',
|
|
|
|
|
'color-loss-outline-fg': 'var(--color-loss-text)'
|
|
|
|
|
},
|
|
|
|
|
breadcrumb: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-1)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
color: 'var(--color-content-secondary)',
|
|
|
|
|
'link-radius': 'var(--radius-sm)',
|
|
|
|
|
'link-color': 'var(--color-content-secondary)',
|
|
|
|
|
'link-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'link-color-current': 'var(--color-content-primary)',
|
|
|
|
|
'link-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'link-font-weight-current': 'var(--font-weight-semibold)',
|
|
|
|
|
'separator-color': 'var(--color-content-muted)',
|
|
|
|
|
'ellipsis-size': 'var(--control-height-xs)',
|
|
|
|
|
'ellipsis-radius': 'var(--radius-md)',
|
|
|
|
|
'ellipsis-border-width': 'var(--border-width)',
|
|
|
|
|
'ellipsis-border': 'transparent',
|
|
|
|
|
'ellipsis-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'ellipsis-bg': 'transparent',
|
|
|
|
|
'ellipsis-bg-hover': 'var(--color-surface-raised)',
|
|
|
|
|
'ellipsis-color': 'var(--color-content-muted)',
|
|
|
|
|
'ellipsis-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)'
|
|
|
|
|
},
|
|
|
|
|
checkbox: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'size-xs-box-size': '14px',
|
|
|
|
|
'size-xs-indicator-size': '8px',
|
|
|
|
|
'size-xs-indicator-stroke': '2px',
|
|
|
|
|
'size-sm-box-size': '16px',
|
|
|
|
|
'size-sm-indicator-size': '10px',
|
|
|
|
|
'size-sm-indicator-stroke': '2px',
|
|
|
|
|
'size-md-box-size': '18px',
|
|
|
|
|
'size-md-indicator-size': '12px',
|
|
|
|
|
'size-md-indicator-stroke': '2px',
|
|
|
|
|
'size-lg-box-size': '22px',
|
|
|
|
|
'size-lg-indicator-size': '14px',
|
|
|
|
|
'size-lg-indicator-stroke': '2px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'size-xl-box-size': '26px',
|
|
|
|
|
'size-xl-indicator-size': '16px',
|
|
|
|
|
'size-xl-indicator-stroke': '2px',
|
|
|
|
|
radius: 'var(--radius-sm)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
'focus-ring-offset': 'var(--focus-ring-offset)',
|
|
|
|
|
'focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'focus-ring-surface': 'var(--color-surface-default)',
|
|
|
|
|
'focus-ring':
|
|
|
|
|
'0 0 0 var(--checkbox-focus-ring-offset) var(--checkbox-focus-ring-surface), 0 0 0 calc(var(--checkbox-focus-ring-offset) + var(--checkbox-focus-ring-width)) var(--checkbox-focus-ring-color)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'stroke-duration': '220ms',
|
|
|
|
|
'stroke-ease': 'cubic-bezier(0.4, 0, 0.2, 1)',
|
|
|
|
|
'bg-off': 'var(--color-surface-default)',
|
|
|
|
|
'bg-off-hover':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-default) 82%, var(--color-surface-overlay) )',
|
|
|
|
|
'border-off': 'var(--color-border-default)',
|
|
|
|
|
'border-off-hover': 'var(--color-border-strong)',
|
|
|
|
|
'bg-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 78%, var(--color-surface-default) )',
|
|
|
|
|
'border-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-border-default) 72%, var(--color-border-subtle) )',
|
|
|
|
|
'disabled-opacity': '0.72',
|
|
|
|
|
'indicator-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'indicator-color-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-content-on-solid) 82%, var(--color-surface-default) )',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-hover': 'var(--color-affirm-solid-hover)',
|
|
|
|
|
'group-gap': 'var(--space-3)',
|
|
|
|
|
'group-label-font-family': 'var(--font-ui)',
|
|
|
|
|
'group-label-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'group-label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'group-label-line-height': 'var(--leading-ui)',
|
|
|
|
|
'group-label-color': 'var(--color-content-primary)',
|
|
|
|
|
'group-label-color-disabled': 'var(--color-content-secondary)'
|
|
|
|
|
},
|
|
|
|
|
collapsible: {
|
|
|
|
|
'trigger-font-family': 'var(--font-ui)',
|
|
|
|
|
'trigger-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'trigger-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'trigger-color': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'trigger-radius': 'var(--radius-sm)',
|
|
|
|
|
'trigger-padding': 'var(--space-2) var(--space-3)',
|
|
|
|
|
'content-padding': 'var(--space-3)',
|
|
|
|
|
'transition-duration': 'var(--duration-normal)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.5'
|
|
|
|
|
},
|
|
|
|
|
dialog: {
|
|
|
|
|
'trigger-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'overlay-bg': 'var(--color-overlay)',
|
|
|
|
|
'overlay-opacity': '62%',
|
|
|
|
|
'overlay-blur': '10px',
|
|
|
|
|
'overlay-z': '70',
|
|
|
|
|
'overlay-in-duration': '120ms',
|
|
|
|
|
'overlay-out-duration': '280ms',
|
|
|
|
|
'content-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'content-color': 'var(--color-content-primary)',
|
|
|
|
|
'content-border': 'var(--color-border-default)',
|
|
|
|
|
'content-border-width': 'var(--border-width)',
|
|
|
|
|
'content-radius': 'var(--radius-xl)',
|
|
|
|
|
'content-shadow': 'var(--shadow-overlay)',
|
|
|
|
|
'content-max-height': 'calc(100dvh - var(--space-8))',
|
|
|
|
|
'content-max-height-sheet': '85dvh',
|
|
|
|
|
'content-width-sm': '420px',
|
|
|
|
|
'content-width-md': '560px',
|
|
|
|
|
'content-width-lg': '760px',
|
|
|
|
|
'content-width-xl': '1024px',
|
|
|
|
|
'content-width-inset': 'var(--space-6)',
|
|
|
|
|
'content-full-inset': 'var(--space-3)',
|
|
|
|
|
'content-full-radius': 'var(--radius-xxl)',
|
|
|
|
|
'content-position-inset': 'var(--space-4)',
|
|
|
|
|
'content-padding-sm': 'var(--space-4)',
|
|
|
|
|
'content-padding-md': 'var(--space-5)',
|
|
|
|
|
'content-padding-lg': 'var(--space-6)',
|
|
|
|
|
'content-padding-full': 'var(--space-6)',
|
|
|
|
|
'stack-gap': 'var(--space-4)',
|
|
|
|
|
'header-gap': 'var(--space-3)',
|
|
|
|
|
'footer-gap': 'var(--space-3)',
|
|
|
|
|
'footer-margin-top': 'var(--space-2)',
|
|
|
|
|
'title-font-family': 'var(--font-heading)',
|
|
|
|
|
'title-font-size': 'var(--font-size-lg)',
|
|
|
|
|
'title-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'title-line-height': 'var(--leading-heading)',
|
|
|
|
|
'title-color': 'var(--color-content-primary)',
|
|
|
|
|
'description-font-family': 'var(--font-ui)',
|
|
|
|
|
'description-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'description-line-height': 'var(--leading-ui)',
|
|
|
|
|
'description-color': 'var(--color-content-secondary)',
|
|
|
|
|
'close-size': 'var(--control-height-sm)',
|
|
|
|
|
'close-px': 'var(--space-2)',
|
|
|
|
|
'close-radius': 'var(--radius-md)',
|
|
|
|
|
'close-inset': 'var(--space-3)',
|
|
|
|
|
'close-bg': 'transparent',
|
|
|
|
|
'close-bg-hover': 'color-mix(in srgb, var(--color-neutral-track) 72%, transparent)',
|
|
|
|
|
'close-color': 'var(--color-content-secondary)',
|
|
|
|
|
'close-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'close-border': 'transparent',
|
|
|
|
|
'close-border-width': 'var(--border-width)',
|
|
|
|
|
'close-transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'close-transition-ease': 'var(--ease-default)',
|
|
|
|
|
'close-focus-ring-offset': '1px',
|
|
|
|
|
'close-focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'close-focus-ring-color': 'var(--focus-ring-color)'
|
|
|
|
|
},
|
|
|
|
|
field: {
|
|
|
|
|
'gap-xs': 'var(--space-1)',
|
|
|
|
|
'gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'gap-md': 'var(--space-2)',
|
|
|
|
|
'gap-lg': 'var(--space-2-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-3)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'label-gap': 'var(--space-1)',
|
|
|
|
|
'label-font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'label-font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'label-font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'label-font-size-lg': 'var(--font-size-sm)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'label-font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'label-line-height': 'var(--leading-ui)',
|
|
|
|
|
'label-color': 'var(--color-content-primary)',
|
|
|
|
|
'label-color-invalid': 'var(--color-risk-text)',
|
|
|
|
|
'label-color-disabled': 'var(--color-content-disabled)',
|
|
|
|
|
'layout-column-gap': 'var(--space-4)',
|
|
|
|
|
'required-color': 'var(--color-risk-text)',
|
|
|
|
|
'control-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'control-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'control-height-md': 'var(--control-height-md)',
|
|
|
|
|
'control-height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'control-px-xs': 'var(--space-2)',
|
|
|
|
|
'control-px-sm': 'var(--space-2-5)',
|
|
|
|
|
'control-px-md': 'var(--space-3)',
|
|
|
|
|
'control-px-lg': 'var(--space-3-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-px-xl': 'var(--space-4)',
|
|
|
|
|
'control-gap-xs': 'var(--space-1)',
|
|
|
|
|
'control-gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'control-gap-md': 'var(--space-2)',
|
|
|
|
|
'control-gap-lg': 'var(--space-2-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-gap-xl': 'var(--space-3)',
|
|
|
|
|
'control-font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'control-font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'control-font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'control-font-size-lg': 'var(--font-size-sm)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'control-line-height': 'var(--leading-ui)',
|
|
|
|
|
'control-radius': 'var(--radius-md)',
|
|
|
|
|
'control-border-width': 'var(--border-width)',
|
|
|
|
|
'control-border': 'var(--color-border-default)',
|
|
|
|
|
'control-border-hover': 'var(--color-border-strong)',
|
|
|
|
|
'control-border-focus': 'var(--color-focus-ring)',
|
|
|
|
|
'control-border-invalid': 'var(--color-risk-border)',
|
|
|
|
|
'control-bg': 'var(--color-surface-default)',
|
|
|
|
|
'control-ghost-border': 'transparent',
|
|
|
|
|
'control-ghost-bg': 'transparent',
|
|
|
|
|
'control-bg-readonly': 'var(--color-surface-muted)',
|
|
|
|
|
'control-bg-disabled': 'var(--color-surface-muted)',
|
|
|
|
|
'control-color': 'var(--color-content-primary)',
|
|
|
|
|
'control-placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'control-focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'affix-color': 'var(--color-content-secondary)',
|
|
|
|
|
'message-font-size': 'var(--font-size-xs)',
|
|
|
|
|
'message-line-height': 'var(--leading-ui)',
|
|
|
|
|
'helper-color': 'var(--color-content-secondary)',
|
|
|
|
|
'error-color': 'var(--color-risk-text)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
form: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-3)',
|
|
|
|
|
'gap-sm': 'var(--space-4)',
|
|
|
|
|
'gap-md': 'var(--space-5)',
|
|
|
|
|
'gap-lg': 'var(--space-6)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-7)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
radius: 'var(--radius-lg)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
'panel-padding': 'var(--space-5)',
|
|
|
|
|
'panel-border': 'var(--color-border-default)',
|
|
|
|
|
'panel-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'panel-shadow': 'var(--shadow-sm)',
|
|
|
|
|
'grid-min': '18rem',
|
|
|
|
|
'grid-column-gap': 'var(--space-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'action-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'action-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'action-height-md': 'var(--control-height-md)',
|
|
|
|
|
'action-height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'action-height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'action-px-xs': 'var(--space-2-5)',
|
|
|
|
|
'action-px-sm': 'var(--space-3)',
|
|
|
|
|
'action-px-md': 'var(--space-3-5)',
|
|
|
|
|
'action-px-lg': 'var(--space-4)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'action-px-xl': 'var(--space-4-5)',
|
|
|
|
|
'action-font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'action-font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'action-font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'action-font-size-lg': 'var(--font-size-sm)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'action-font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'action-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'action-line-height': 'var(--leading-ui)',
|
|
|
|
|
'action-gap': 'var(--space-2)',
|
|
|
|
|
'action-radius': 'var(--radius-md)',
|
|
|
|
|
'action-border-width': 'var(--border-width)',
|
|
|
|
|
'error-summary-padding': 'var(--space-3)',
|
|
|
|
|
'error-summary-border-width': 'var(--border-width)',
|
|
|
|
|
'error-summary-radius': 'var(--radius-md)',
|
|
|
|
|
'error-summary-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'error-summary-line-height': 'var(--leading-ui)',
|
|
|
|
|
'error-summary-list-indent': 'var(--space-4)',
|
|
|
|
|
'link-underline-offset': '0.18em',
|
|
|
|
|
'auto-fields-gap': 'var(--space-3)',
|
|
|
|
|
'auto-fields-array-padding': 'var(--space-3)',
|
|
|
|
|
'auto-fields-border-width': 'var(--border-width)',
|
|
|
|
|
'auto-fields-radius': 'var(--radius-md)',
|
|
|
|
|
'auto-fields-item-gap': 'var(--space-2)',
|
|
|
|
|
'auto-fields-item-padding': 'var(--space-3)',
|
|
|
|
|
'widget-px': 'var(--space-3)',
|
|
|
|
|
'widget-radius': 'var(--radius-md)',
|
|
|
|
|
'widget-border-width': 'var(--border-width)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
drawer: {
|
|
|
|
|
'overlay-bg': 'var(--color-overlay)',
|
|
|
|
|
'overlay-blur': '10px',
|
|
|
|
|
'overlay-opacity': '62%',
|
|
|
|
|
'overlay-z': '72',
|
|
|
|
|
'inline-z': '64',
|
|
|
|
|
'handle-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'handle-bg-active': 'var(--color-content-secondary)',
|
|
|
|
|
'handle-radius': 'var(--radius-full)',
|
|
|
|
|
'handle-length': '36px',
|
|
|
|
|
'handle-thickness': '4px',
|
|
|
|
|
'handle-active-scale': '1.18',
|
|
|
|
|
'handle-transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'handle-transition-ease': 'var(--ease-out)',
|
|
|
|
|
'content-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'content-color': 'var(--color-content-primary)',
|
|
|
|
|
'content-border': 'var(--color-border-default)',
|
|
|
|
|
'content-border-width': 'var(--border-width)',
|
|
|
|
|
'content-radius': 'var(--radius-xl)',
|
|
|
|
|
'content-shadow': 'var(--shadow-overlay)',
|
|
|
|
|
'content-shadow-dragging': 'var(--shadow-overlay-strong, var(--shadow-overlay))',
|
|
|
|
|
'content-ring-dragging-width': '2px',
|
|
|
|
|
'content-ring-dragging-color':
|
|
|
|
|
'color-mix( in srgb, var(--color-content-secondary) 32%, transparent )',
|
|
|
|
|
'content-ring-dragging-offset': '2px',
|
|
|
|
|
'content-inset': 'var(--space-3)',
|
|
|
|
|
'content-width-sm': '360px',
|
|
|
|
|
'content-width-md': '440px',
|
|
|
|
|
'content-width-lg': '560px',
|
|
|
|
|
'content-height-sm': '260px',
|
|
|
|
|
'content-height-md': '360px',
|
|
|
|
|
'content-height-lg': '480px',
|
|
|
|
|
'content-padding-sm': 'var(--space-4)',
|
|
|
|
|
'content-padding-md': 'var(--space-5)',
|
|
|
|
|
'content-padding-lg': 'var(--space-6)',
|
|
|
|
|
'content-padding-full': 'var(--space-6)',
|
|
|
|
|
'stack-gap': 'var(--space-4)',
|
|
|
|
|
'header-gap': 'var(--space-3)',
|
|
|
|
|
'footer-gap': 'var(--space-3)',
|
|
|
|
|
'footer-margin-top': 'var(--space-2)',
|
|
|
|
|
'title-font-family': 'var(--font-heading)',
|
|
|
|
|
'title-font-size': 'var(--font-size-lg)',
|
|
|
|
|
'title-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'title-line-height': 'var(--leading-heading)',
|
|
|
|
|
'title-color': 'var(--color-content-primary)',
|
|
|
|
|
'description-font-family': 'var(--font-ui)',
|
|
|
|
|
'description-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'description-line-height': 'var(--leading-ui)',
|
|
|
|
|
'description-color': 'var(--color-content-secondary)',
|
|
|
|
|
'close-size': 'var(--control-height-sm)',
|
|
|
|
|
'close-px': 'var(--space-2)',
|
|
|
|
|
'close-radius': 'var(--radius-md)',
|
|
|
|
|
'close-bg': 'transparent',
|
|
|
|
|
'close-bg-hover': 'color-mix(in srgb, var(--color-neutral-track) 72%, transparent)',
|
|
|
|
|
'close-color': 'var(--color-content-secondary)',
|
|
|
|
|
'close-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'close-border': 'transparent',
|
|
|
|
|
'close-border-width': 'var(--border-width)',
|
|
|
|
|
'close-transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'close-transition-ease': 'var(--ease-default)',
|
|
|
|
|
'close-focus-ring-offset': '1px',
|
|
|
|
|
'close-focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'close-focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'close-disabled-opacity': '0.5'
|
|
|
|
|
},
|
|
|
|
|
icon: {
|
|
|
|
|
size: 'var(--icon-size-md)',
|
|
|
|
|
'stroke-width': 'var(--icon-stroke-width-md)'
|
|
|
|
|
},
|
|
|
|
|
meter: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xs': '2px',
|
|
|
|
|
'height-sm': '4px',
|
|
|
|
|
'height-md': '6px',
|
|
|
|
|
'height-lg': '8px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xl': '12px',
|
|
|
|
|
'radius-xs': 'var(--radius-full)',
|
|
|
|
|
'radius-sm': 'var(--radius-full)',
|
|
|
|
|
'radius-md': 'var(--radius-full)',
|
|
|
|
|
'radius-lg': 'var(--radius-full)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'radius-xl': 'var(--radius-full)',
|
|
|
|
|
'ring-size-xs': '2rem',
|
|
|
|
|
'ring-size-sm': '2.5rem',
|
|
|
|
|
'ring-size-md': '3rem',
|
|
|
|
|
'ring-size-lg': '3.5rem',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'ring-size-xl': '4rem',
|
|
|
|
|
'ring-thickness-xs': '3px',
|
|
|
|
|
'ring-thickness-sm': '4px',
|
|
|
|
|
'ring-thickness-md': '6px',
|
|
|
|
|
'ring-thickness-lg': '8px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'ring-thickness-xl': '10px',
|
|
|
|
|
'track-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'ring-track-bg':
|
|
|
|
|
'color-mix(in srgb, var(--color-content-primary) 12%, var(--color-surface-default))',
|
|
|
|
|
'ring-center-bg': 'var(--color-surface-default)',
|
|
|
|
|
'indicator-bg-below': 'var(--color-risk-solid)',
|
|
|
|
|
'indicator-bg-optimum': 'var(--color-fulfill-solid)',
|
|
|
|
|
'indicator-bg-above': 'var(--color-threat-solid)',
|
|
|
|
|
'transition-duration': 'var(--duration-normal)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)'
|
|
|
|
|
},
|
|
|
|
|
'number-field': {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'height-md': 'var(--control-height-md)',
|
|
|
|
|
'height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'px-xs': 'var(--space-2)',
|
|
|
|
|
'px-sm': 'var(--space-2-5)',
|
|
|
|
|
'px-md': 'var(--space-3)',
|
|
|
|
|
'px-lg': 'var(--space-3-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'px-xl': 'var(--space-4)',
|
|
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-1)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-2-5)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
radius: 'var(--radius-md)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
border: 'var(--color-border-default)',
|
|
|
|
|
'border-focus': 'var(--color-focus-ring)',
|
|
|
|
|
'border-invalid': 'var(--color-risk-border)',
|
|
|
|
|
bg: 'var(--color-surface-default)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'control-size': 'var(--control-height-xs)',
|
|
|
|
|
'control-radius': 'var(--radius-md)',
|
|
|
|
|
'control-border-width': 'var(--border-width)',
|
|
|
|
|
'control-border': 'transparent',
|
|
|
|
|
'control-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'control-border-active': 'var(--color-primary-border)',
|
|
|
|
|
'control-bg': 'transparent',
|
|
|
|
|
'control-bg-hover': 'var(--color-surface-raised)',
|
|
|
|
|
'control-bg-active': 'var(--color-primary-track)',
|
|
|
|
|
'control-color': 'var(--color-content-secondary)',
|
|
|
|
|
'control-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'control-color-active': 'var(--color-primary-text)',
|
|
|
|
|
'control-focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'control-disabled-opacity': '0.48',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
'date-field': {
|
|
|
|
|
'stack-gap': 'var(--space-1-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'height-md': 'var(--control-height-md)',
|
|
|
|
|
'height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'px-xs': 'var(--space-2)',
|
|
|
|
|
'px-sm': 'var(--space-2-5)',
|
|
|
|
|
'px-md': 'var(--space-3)',
|
|
|
|
|
'px-lg': 'var(--space-3-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'px-xl': 'var(--space-4)',
|
|
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-0-5)',
|
|
|
|
|
'gap-md': 'var(--space-1)',
|
|
|
|
|
'gap-lg': 'var(--space-1-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-2)',
|
|
|
|
|
'segment-px-xs': 'var(--space-0-5)',
|
|
|
|
|
'segment-px-sm': 'var(--space-0-5)',
|
|
|
|
|
'segment-px-md': 'var(--space-1)',
|
|
|
|
|
'segment-px-lg': 'var(--space-1-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'segment-px-xl': 'var(--space-2)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
radius: 'var(--radius-md)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
border: 'var(--color-border-default)',
|
|
|
|
|
'border-invalid': 'var(--color-risk-border)',
|
|
|
|
|
bg: 'var(--color-surface-default)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'label-color': 'var(--color-content-secondary)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'literal-color': 'var(--color-content-muted)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'segment-min-width': '1.5ch',
|
|
|
|
|
'segment-height': 'calc(var(--_date-field-height) - var(--space-2))',
|
|
|
|
|
'segment-radius': 'var(--radius-sm)',
|
|
|
|
|
'segment-color': 'var(--color-content-primary)',
|
|
|
|
|
'segment-invalid-color': 'var(--color-risk-text)',
|
|
|
|
|
'segment-readonly-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'segment-readonly-color': 'var(--color-content-secondary)',
|
|
|
|
|
'segment-readonly-decoration': 'underline dotted var(--color-content-muted)',
|
|
|
|
|
'segment-focus-shadow': 'inset 0 0 0 var(--border-width) var(--_date-field-accent-border)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
'time-field': {
|
|
|
|
|
'stack-gap': 'var(--space-1-5)',
|
|
|
|
|
'height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'height-md': 'var(--control-height-md)',
|
|
|
|
|
'height-lg': 'var(--control-height-lg)',
|
|
|
|
|
'height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'px-xs': 'var(--space-2)',
|
|
|
|
|
'px-sm': 'var(--space-2-5)',
|
|
|
|
|
'px-md': 'var(--space-3)',
|
|
|
|
|
'px-lg': 'var(--space-3-5)',
|
|
|
|
|
'px-xl': 'var(--space-4)',
|
|
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-0-5)',
|
|
|
|
|
'gap-md': 'var(--space-1)',
|
|
|
|
|
'gap-lg': 'var(--space-1-5)',
|
|
|
|
|
'gap-xl': 'var(--space-2)',
|
|
|
|
|
'segment-px-xs': 'var(--space-0-5)',
|
|
|
|
|
'segment-px-sm': 'var(--space-0-5)',
|
|
|
|
|
'segment-px-md': 'var(--space-1)',
|
|
|
|
|
'segment-px-lg': 'var(--space-1-5)',
|
|
|
|
|
'segment-px-xl': 'var(--space-2)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
radius: 'var(--radius-md)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
border: 'var(--color-border-default)',
|
|
|
|
|
'border-invalid': 'var(--color-risk-border)',
|
|
|
|
|
bg: 'var(--color-surface-default)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'label-color': 'var(--color-content-secondary)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'literal-color': 'var(--color-content-muted)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'segment-min-width': '1.5ch',
|
|
|
|
|
'segment-height': 'calc(var(--_time-field-height) - var(--space-2))',
|
|
|
|
|
'segment-radius': 'var(--radius-sm)',
|
|
|
|
|
'segment-color': 'var(--color-content-primary)',
|
|
|
|
|
'segment-invalid-color': 'var(--color-risk-text)',
|
|
|
|
|
'segment-readonly-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'segment-readonly-color': 'var(--color-content-secondary)',
|
|
|
|
|
'segment-readonly-decoration': 'underline dotted var(--color-content-muted)',
|
|
|
|
|
'segment-focus-shadow': 'inset 0 0 0 var(--border-width) var(--_time-field-accent-border)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
'color-field': {
|
|
|
|
|
'stack-gap': 'var(--space-1-5)',
|
|
|
|
|
'height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'height-md': 'var(--control-height-md)',
|
|
|
|
|
'height-lg': 'var(--control-height-lg)',
|
|
|
|
|
'height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'px-xs': 'var(--space-2)',
|
|
|
|
|
'px-sm': 'var(--space-2-5)',
|
|
|
|
|
'px-md': 'var(--space-3)',
|
|
|
|
|
'px-lg': 'var(--space-3-5)',
|
|
|
|
|
'px-xl': 'var(--space-4)',
|
|
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-0-5)',
|
|
|
|
|
'gap-md': 'var(--space-1)',
|
|
|
|
|
'gap-lg': 'var(--space-1-5)',
|
|
|
|
|
'gap-xl': 'var(--space-2)',
|
|
|
|
|
'segment-px-xs': 'var(--space-0-5)',
|
|
|
|
|
'segment-px-sm': 'var(--space-0-5)',
|
|
|
|
|
'segment-px-md': 'var(--space-1)',
|
|
|
|
|
'segment-px-lg': 'var(--space-1-5)',
|
|
|
|
|
'segment-px-xl': 'var(--space-2)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
radius: 'var(--radius-md)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
border: 'var(--color-border-default)',
|
|
|
|
|
'border-invalid': 'var(--color-risk-border)',
|
|
|
|
|
bg: 'var(--color-surface-default)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'label-color': 'var(--color-content-secondary)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'literal-color': 'var(--color-content-muted)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'segment-min-width': '1.5ch',
|
|
|
|
|
'segment-height': 'calc(var(--_color-field-height) - var(--space-2))',
|
|
|
|
|
'segment-radius': 'var(--radius-sm)',
|
|
|
|
|
'segment-color': 'var(--color-content-primary)',
|
|
|
|
|
'segment-invalid-color': 'var(--color-risk-text)',
|
|
|
|
|
'segment-readonly-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'segment-readonly-color': 'var(--color-content-secondary)',
|
|
|
|
|
'segment-readonly-decoration': 'underline dotted var(--color-content-muted)',
|
|
|
|
|
'segment-focus-shadow': 'inset 0 0 0 var(--border-width) var(--_color-field-accent-border)',
|
|
|
|
|
'swatch-size-xs': 'calc(var(--control-height-xs) - var(--space-2))',
|
|
|
|
|
'swatch-size-sm': 'calc(var(--control-height-sm) - var(--space-2))',
|
|
|
|
|
'swatch-size-md': 'calc(var(--control-height-md) - var(--space-2))',
|
|
|
|
|
'swatch-size-lg': 'calc(var(--control-height-lg) - var(--space-2))',
|
|
|
|
|
'swatch-size-xl': 'calc(var(--control-height-xl) - var(--space-2))',
|
|
|
|
|
'swatch-radius': 'var(--radius-sm)',
|
|
|
|
|
'swatch-border': 'var(--color-border-subtle)',
|
|
|
|
|
'format-select-color': 'var(--color-content-secondary)',
|
|
|
|
|
'format-select-bg': 'transparent',
|
|
|
|
|
'format-select-radius': 'var(--radius-sm)',
|
|
|
|
|
'format-select-px': 'var(--space-1)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
'color-picker': {
|
|
|
|
|
// Popover content shell
|
|
|
|
|
'content-gap': 'var(--space-3)',
|
|
|
|
|
'content-padding-sm': 'var(--space-3)',
|
|
|
|
|
'content-padding-md': 'var(--space-3-5)',
|
|
|
|
|
'content-padding-lg': 'var(--space-4)',
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'content-width-sm': '17rem',
|
|
|
|
|
'content-width-md': '19.5rem',
|
|
|
|
|
'content-width-lg': '22rem',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'content-radius': 'var(--radius-lg)',
|
|
|
|
|
'content-border-width': 'var(--border-width)',
|
|
|
|
|
'content-border': 'var(--color-border-subtle)',
|
|
|
|
|
'content-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'content-shadow': 'var(--shadow-md)',
|
|
|
|
|
|
|
|
|
|
// Trigger button (compact field-shaped pill with a swatch dot)
|
|
|
|
|
'trigger-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'trigger-height-md': 'var(--control-height-md)',
|
|
|
|
|
'trigger-height-lg': 'var(--control-height-lg)',
|
|
|
|
|
'trigger-px-sm': 'var(--space-2)',
|
|
|
|
|
'trigger-px-md': 'var(--space-2-5)',
|
|
|
|
|
'trigger-px-lg': 'var(--space-3)',
|
|
|
|
|
'trigger-gap': 'var(--space-2)',
|
|
|
|
|
'trigger-radius': 'var(--radius-md)',
|
|
|
|
|
'trigger-border-width': 'var(--border-width)',
|
|
|
|
|
'trigger-border': 'var(--color-border-default)',
|
|
|
|
|
'trigger-bg': 'var(--color-surface-default)',
|
|
|
|
|
'trigger-color': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-hover-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'trigger-hover-border': 'var(--color-border-strong)',
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'trigger-swatch-size-sm': 'calc(var(--control-height-sm) - var(--space-2))',
|
|
|
|
|
'trigger-swatch-size-md': 'calc(var(--control-height-md) - var(--space-2))',
|
|
|
|
|
'trigger-swatch-size-lg': 'calc(var(--control-height-lg) - var(--space-2))',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'trigger-swatch-radius': 'var(--radius-full)',
|
|
|
|
|
'trigger-swatch-border': 'var(--color-border-subtle)',
|
|
|
|
|
'trigger-focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
|
|
|
|
|
// 2D area
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'area-height': '11rem',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'area-radius': 'var(--radius-md)',
|
|
|
|
|
'area-border-width': 'var(--border-width)',
|
|
|
|
|
'area-border': 'var(--color-border-subtle)',
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'area-thumb-size': '16px',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'area-thumb-radius': 'var(--radius-full)',
|
|
|
|
|
'area-thumb-border-width': '2px',
|
|
|
|
|
'area-thumb-border': 'var(--color-surface-default)',
|
|
|
|
|
'area-thumb-shadow':
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'0 0 0 1px color-mix(in srgb, var(--color-neutral-contrast) 45%, transparent), 0 1px 2px color-mix(in srgb, var(--color-neutral-contrast) 20%, transparent)',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
// Channel sliders consume the generic `--slider-*` recipe tokens.
|
|
|
|
|
// Only the picker-specific decoration (gradient on track) lives
|
|
|
|
|
// in the picker CSS; sizes, shadows and radii come from the
|
|
|
|
|
// slider recipe so they stay in lockstep with the standalone
|
|
|
|
|
// Slider and the time-picker sliders.
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
|
|
|
|
|
// Transparency checker (alpha background)
|
|
|
|
|
'transparency-cell': 'var(--color-content-muted)',
|
|
|
|
|
'transparency-cell-alt': 'var(--color-surface-default)',
|
|
|
|
|
|
|
|
|
|
// Swatches
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'swatch-size-sm': '1.25rem',
|
|
|
|
|
'swatch-size-md': '1.5rem',
|
|
|
|
|
'swatch-size-lg': '1.75rem',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'swatch-radius': 'var(--radius-sm)',
|
|
|
|
|
'swatch-border': 'var(--color-border-subtle)',
|
refactor(color-picker): channel slider composes generic SliderProvider + N-8 norm
Drops ColorPickerChannelSliderProvider / TrackProvider / ThumbProvider
(~200 lines of duplicated pointer/keyboard/ARIA handling) and rewrites
`components/color-picker-channel-slider.svelte` to compose
SliderProvider underneath. The channel slider now keeps only the
channel-aware bridge: setChannel writes the value, channelGradient
paints the track.
What the picker gains by reusing Slider
---------------------------------------
- sema events: `slider:handle-pick`, `slider:handle-drag`,
`slider:commit-set` now flow through the channel sliders (they were
silent before — the Sema layer had no perceptual hook on channel
drag/commit).
- single pointer/keyboard implementation: Arrow/Home/End/PageUp/PageDown,
multi-touch, focus trap, RTL, step-snap — all from SliderProvider.
- ARIA: role=slider, aria-valuenow/min/max, aria-orientation, tabindex
managed by the slider's thumb provider.
- recipe tokens: channel sliders consume `--slider-*` (sizes, radii,
shadows) so they stay in lockstep with the standalone Slider and
with TimePicker.HourSlider / .MinuteSlider / .SecondSlider. The
`--color-picker-channel-slider-*` tokens are removed.
Public API impact
-----------------
- `<ColorPicker.ChannelSliderTrack>` and `<ColorPicker.ChannelSliderThumb>`
remain as part names but now re-export `Slider.Range` /
`Slider.Thumb`. Consumers that compose them inline keep working.
- The inner DOM changes: `[data-slider]` / `[data-slider-thumb]` /
`[data-slider-range]` (governed by the slider morfo) replace
`[data-color-picker-channel-slider-track]` /
`[data-color-picker-channel-slider-thumb]`. The wrapper still emits
`[data-color-picker-channel-slider][data-channel]` so per-channel
CSS targeting works; the gradient is exposed via
`--cp-channel-gradient` and routed onto the slider's track ::before.
- Morfo: drops `channel-slider-track` and `channel-slider-thumb` parts
(the slider morfo owns those contracts now). `channel-slider`
remains as the wrapper marker with `data-channel`.
- Eidos: deletes `color-picker-channel-slider-track.svelte` and
`color-picker-channel-slider-thumb.svelte`; `index.ts` re-points
`ChannelSliderTrack` / `ChannelSliderThumb` at the slider eidos
components.
New norm N-8 added to PENDIENTES.md
-----------------------------------
"Reutilizar componentes ya definidos en componentes complejos siempre
que no supongan una pérdida de características demostrable." Documented
with this refactor as the worked example.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'swatch-checked-ring': 'var(--color-primary-solid)',
|
feat(eidos): add ColorPicker wrapper + demo
Composite popover: 2D saturation/brightness area, hue + alpha channel
sliders, preset swatches, eye-dropper, and a segmented channel input
composed from ColorField. Builds on the existing soma color-picker
(23 parts) — eidos layer is mostly thin pass-throughs adding visual
chrome.
What landed
-----------
- New `src/uix/eidos/components/color-picker/`:
- Root visual (Provider) + visual-context (size/variant/color)
- Trigger with a default swatch dot tinted from
`--cp-trigger-color` (the air pattern from morfo-runtime)
- Content (popover wrapper), Area (+ Background + Thumb),
TransparencyGrid
- ChannelSlider (+ Track + Thumb) — generic per-channel slider;
default-composes Track+Thumb when no children
- SwatchGroup + SwatchTrigger + Swatch + SwatchIndicator
- EyeDropper (Pipette icon by default)
- ChannelInput + ChannelSegment + FormatSelect (composed from
ColorField parts; same provider injected automatically)
- Label, Control, ValueSwatch, ValueText, HiddenInput
- Recipe section `color-picker` in `recipes/base.ts` (regenerated
`generated/base.css`) — trigger, content, area, channel slider,
swatches, eye-dropper tokens.
- CSS reuses color-field tokens for the segmented input portion and
adds picker-specific visuals. Transparency checker on trigger swatch
+ value swatch + alpha slider track via conic-gradient pattern.
- Morfo updates: scope `['soma','sema']`, `apg: dialog-modal`, added
`commit-set` event so audit classifies it as interactive.
- Soma exports: ColorPickerProvider class so eidos Trigger can read
the current value for the swatch tint.
- Demo at `/uix/components/color-picker` with the standard 6 tabs;
live stage exercises area drag + channel sliders + preset swatches
+ eye-dropper + format switch.
- README documents the surface, comparativa vs air/Ark/Chakra, and
flags the picker contract (mode/Footer/commit/cancel) as gap to
align with date/time-picker in a follow-up.
Checks
------
- 67/67 component-audit PASS
- 40/40 morfo:check PASS (new color-picker demo validates against
morfo DOM)
- svelte-check 0 errors / 0 warnings
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'swatch-gap': 'var(--space-1-5)',
|
|
|
|
|
|
|
|
|
|
// Eye-dropper button
|
|
|
|
|
'eye-dropper-size': 'var(--control-height-sm)',
|
|
|
|
|
'eye-dropper-radius': 'var(--radius-md)',
|
|
|
|
|
'eye-dropper-bg': 'transparent',
|
|
|
|
|
'eye-dropper-color': 'var(--color-content-secondary)',
|
|
|
|
|
'eye-dropper-hover-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'eye-dropper-hover-color': 'var(--color-content-primary)',
|
|
|
|
|
|
|
|
|
|
// Misc
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
feat(eidos): Button + 9 demo rebuilds + picker recipe polish
Build:
- New <Button> compound (morfo + soma + sema + eidos): 6 variants
(solid/soft/surface/outline/ghost/plain), 8 colors, 5 sizes, optional
icon/endIcon snippets, loading state with built-in Spinner, asChild
Slot pattern, intent-driven sema (commit-action with fromProp:intent).
Demo rebuilds (canonical depth per DEMO_AUTHORING_GUIDE):
- context-menu, dropdown-menu, pin-input, alert-dialog, toggle-group:
full per-part Morfo contracts, reference-parity tables, ARIA contract
tables, keyboard tables, composition controls.
- color-field, time-field, time-picker, time-range-picker, color-picker,
month-grid, year-grid: same canonical treatment; per-part data/aria/
keyboard iteration of raw morfo, reference parity vs react-aria/
ark-ui/Chakra/bits-ui/Mantine.
Picker recipe polish:
- PickerShell.Clear/Cancel/Close refactored to use <Button size="xs">
(affects 5 pickers — date / date-range / time / time-range / color).
- TimePicker + TimeRangePicker: popover condensed (min-width 18rem -> 14
/ 32 -> 28), per-channel accent (hour=primary, minute=secondary,
second=neutral; end variant muted), ruler off by default, hour ruler
cleaned to 0/6/12/18/23.
- ColorPicker: typography token --_color-picker-trigger-font-size that
scales with data-size (10/12/14px); autoFormat default true; Area
recipe override for [data-x-channel='hue'] with rainbow gradient +
saturation/brightness Y overlays.
- ValueText eidos wrapper: fix children snippet bug that suppressed
soma's displayValue fallback.
- date-field.css: segment editing affordance (cursor + hover + active
ring) via new --_date-field-accent-element token across 8 color
cascades.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
button: {
|
|
|
|
|
// Size tokens
|
|
|
|
|
'height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'height-md': 'var(--control-height-md)',
|
|
|
|
|
'height-lg': 'var(--control-height-lg)',
|
|
|
|
|
'height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'px-xs': 'var(--space-2)',
|
|
|
|
|
'px-sm': 'var(--space-3)',
|
|
|
|
|
'px-md': 'var(--space-4)',
|
|
|
|
|
'px-lg': 'var(--space-5)',
|
|
|
|
|
'px-xl': 'var(--space-6)',
|
|
|
|
|
'gap-xs': 'var(--space-1)',
|
|
|
|
|
'gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'gap-md': 'var(--space-2)',
|
|
|
|
|
'gap-lg': 'var(--space-2-5)',
|
|
|
|
|
'gap-xl': 'var(--space-3)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
'letter-spacing': 'var(--tracking-normal)',
|
|
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
|
|
|
|
'font-size-xl': 'var(--font-size-lg)',
|
|
|
|
|
'font-weight-xs': 'var(--font-weight-medium)',
|
|
|
|
|
'font-weight-sm': 'var(--font-weight-medium)',
|
|
|
|
|
'font-weight-md': 'var(--font-weight-medium)',
|
|
|
|
|
'font-weight-lg': 'var(--font-weight-medium)',
|
|
|
|
|
'font-weight-xl': 'var(--font-weight-medium)',
|
|
|
|
|
'icon-size-xs': '14px',
|
|
|
|
|
'icon-size-sm': '14px',
|
|
|
|
|
'icon-size-md': '16px',
|
|
|
|
|
'icon-size-lg': '18px',
|
|
|
|
|
'icon-size-xl': '20px',
|
|
|
|
|
'radius-sm': 'var(--radius-sm)',
|
|
|
|
|
'radius-md': 'var(--radius-md)',
|
|
|
|
|
'radius-lg': 'var(--radius-lg)',
|
|
|
|
|
'radius-xl': 'var(--radius-xl)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
shadow: 'none',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'spinner-duration': '720ms',
|
|
|
|
|
'disabled-opacity': '0.5',
|
|
|
|
|
// Per-color palettes (8 system tokens)
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-element': 'var(--color-primary-element)',
|
|
|
|
|
'color-primary-hover': 'var(--color-primary-hover)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-primary-contrast': 'var(--color-primary-contrast)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-element': 'var(--color-secondary-element)',
|
|
|
|
|
'color-secondary-hover': 'var(--color-secondary-hover)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-secondary-contrast': 'var(--color-secondary-contrast)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-element': 'var(--color-neutral-element)',
|
|
|
|
|
'color-neutral-hover': 'var(--color-neutral-hover)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-neutral-contrast': 'var(--color-neutral-contrast)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-element': 'var(--color-affirm-element)',
|
|
|
|
|
'color-affirm-hover': 'var(--color-affirm-hover)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-hover': 'var(--color-affirm-solid-hover)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-affirm-contrast': 'var(--color-affirm-contrast)',
|
|
|
|
|
'color-fulfill-track': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-element': 'var(--color-fulfill-element)',
|
|
|
|
|
'color-fulfill-hover': 'var(--color-fulfill-hover)',
|
|
|
|
|
'color-fulfill-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-solid': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-solid-hover': 'var(--color-fulfill-solid-hover)',
|
|
|
|
|
'color-fulfill-text': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-fulfill-contrast': 'var(--color-fulfill-contrast)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-element': 'var(--color-risk-element)',
|
|
|
|
|
'color-risk-hover': 'var(--color-risk-hover)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-solid-hover': 'var(--color-risk-solid-hover)',
|
|
|
|
|
'color-risk-text': 'var(--color-risk-text)',
|
|
|
|
|
'color-risk-contrast': 'var(--color-risk-contrast)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-element': 'var(--color-threat-element)',
|
|
|
|
|
'color-threat-hover': 'var(--color-threat-hover)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-solid-hover': 'var(--color-threat-solid-hover)',
|
|
|
|
|
'color-threat-text': 'var(--color-threat-text)',
|
|
|
|
|
'color-threat-contrast': 'var(--color-threat-contrast)',
|
|
|
|
|
'color-loss-track': 'var(--color-loss-track)',
|
|
|
|
|
'color-loss-element': 'var(--color-loss-element)',
|
|
|
|
|
'color-loss-hover': 'var(--color-loss-hover)',
|
|
|
|
|
'color-loss-border': 'var(--color-loss-border)',
|
|
|
|
|
'color-loss-solid': 'var(--color-loss-solid)',
|
|
|
|
|
'color-loss-solid-hover': 'var(--color-loss-solid-hover)',
|
|
|
|
|
'color-loss-text': 'var(--color-loss-text)',
|
|
|
|
|
'color-loss-contrast': 'var(--color-loss-contrast)'
|
|
|
|
|
},
|
|
|
|
|
calendar: {
|
|
|
|
|
gap: 'var(--space-3)',
|
|
|
|
|
'padding-xs': 'var(--space-2)',
|
|
|
|
|
'padding-sm': 'var(--space-3)',
|
|
|
|
|
'padding-md': 'var(--space-4)',
|
|
|
|
|
'padding-lg': 'var(--space-5)',
|
|
|
|
|
radius: 'var(--radius-lg)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
border: 'var(--color-border-subtle)',
|
|
|
|
|
'invalid-border': 'var(--color-risk-border)',
|
|
|
|
|
bg: 'var(--color-surface-raised)',
|
|
|
|
|
'outline-bg': 'var(--color-surface-default)',
|
|
|
|
|
'outline-shadow': 'none',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
shadow: 'var(--shadow-sm)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
'header-gap': 'var(--space-2)',
|
|
|
|
|
'heading-color': 'var(--color-content-primary)',
|
uix: date-picker + date-range-picker components + component audit infra
Two new Eidos components shipped end-to-end (wrapper + recipe + demo +
Soma provider hardening) plus a checklist-driven audit pipeline that
scores all 67 morfo components against doctrinal completion criteria.
New components:
- date-picker: full popover-anchored picker over date-field + calendar,
with calendar/content/trigger parts and demo route.
- date-range-picker: standalone wrapper with own calendar/grid/segment
surface, demo route, and recipe CSS.
- Both wrappers follow Option C disciplined (root + parts attached via
explicit assignment, no Object.assign).
Supporting Soma changes:
- range-calendar provider tightened (211 LOC of behavior, 167 LOC of
tests), README brought up to component doctrine.
- date-field, date-picker, date-range-field, date-range-picker Soma
providers + READMEs updated for new wrappers.
- popover provider/close gain props needed by the picker wrappers.
Morfo updates:
- date-picker / date-range-picker / range-calendar morfos refined for
the new APIs (parts, events, ARIA).
Audit infrastructure (new):
- src/uix/COMPONENT_COMPLETION_CHECKLIST.md — 81 doctrinal rules across
morfo / eidos wrapper / recipe CSS / demo / README / cross-layer
scripts. Each rule keyed to active_architecture.md, GUIA_IMPLEMENTACION
and DEMO_AUTHORING_GUIDE.
- scripts/component-audit.ts + `npm run component:audit` — regex parser
over all 67 components, emits tmp/component-audit.md with summary
scoreboard + per-component findings. Validates against canonical
SEMA_FAMILIES / SEMA_VERBS / ARCHETYPE_VOCABULARY / INTENTS.
- Initial baseline: 1 PASS, 64 NEEDS-WORK, 2 BROKEN (tooltip,
date-range-picker). Top systemic gaps: translations.label (49),
README Gaps/Comparativa/Baseline sections (87 combined), keyboard
/event ratio under-declaration (15), apg URL absent (19).
Misc:
- src/uix/kimi-audit-eidos.md — supplementary audit notes.
- .gitignore: ignore .codex-* agent scratch artifacts at repo root.
- continue.md + READMEs updated through the migration.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'heading-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'heading-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'control-size-xs': 'var(--control-height-xxs)',
|
|
|
|
|
'control-size-sm': 'var(--control-height-xs)',
|
|
|
|
|
'control-size-md': 'var(--control-height-sm)',
|
|
|
|
|
'control-size-lg': 'var(--control-height-md)',
|
|
|
|
|
'control-radius': 'var(--radius-md)',
|
|
|
|
|
'control-border-width': 'var(--border-width)',
|
|
|
|
|
'control-border': 'transparent',
|
|
|
|
|
'control-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'control-bg': 'transparent',
|
|
|
|
|
'control-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'control-color': 'var(--color-content-secondary)',
|
|
|
|
|
'control-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'select-min-width': '8ch',
|
|
|
|
|
'select-px': 'var(--space-2)',
|
|
|
|
|
'grid-gap': 'var(--space-0-5)',
|
|
|
|
|
'weekday-size': 'var(--space-5)',
|
|
|
|
|
'weekday-color': 'var(--color-content-muted)',
|
|
|
|
|
'weekday-font-size': 'var(--font-size-xs)',
|
|
|
|
|
'weekday-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'day-size-xs': 'var(--control-height-xxs)',
|
|
|
|
|
'day-size-sm': 'var(--control-height-xs)',
|
|
|
|
|
'day-size-md': 'var(--control-height-sm)',
|
|
|
|
|
'day-size-lg': 'var(--control-height-md)',
|
|
|
|
|
'day-radius': 'var(--radius-md)',
|
|
|
|
|
'day-border-width': 'var(--border-width)',
|
|
|
|
|
'day-border': 'transparent',
|
|
|
|
|
'day-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'day-bg': 'transparent',
|
|
|
|
|
'day-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'day-color': 'var(--color-content-primary)',
|
|
|
|
|
'day-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'day-font-weight': 'var(--font-weight-regular)',
|
|
|
|
|
'day-selected-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'day-today-border': 'var(--color-border-strong)',
|
|
|
|
|
'day-today-color': 'var(--color-content-primary)',
|
|
|
|
|
'day-today-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'day-outside-color': 'var(--color-content-muted)',
|
|
|
|
|
'day-outside-opacity': '0.62',
|
|
|
|
|
'day-weekend-color': 'var(--color-content-secondary)',
|
|
|
|
|
'day-holiday-shadow': 'inset 0 -2px 0 var(--_calendar-accent-border)',
|
|
|
|
|
'day-unavailable-decoration': 'var(--color-risk-border)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'event-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--_calendar-accent-border)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.52'
|
|
|
|
|
},
|
|
|
|
|
pagination: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-1)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-size-xs': 'var(--control-height-xxs)',
|
|
|
|
|
'control-size-sm': 'var(--control-height-xs)',
|
|
|
|
|
'control-size-md': 'var(--control-height-sm)',
|
|
|
|
|
'control-size-lg': 'var(--control-height-md)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-px-xs': 'var(--space-1-5)',
|
|
|
|
|
'control-px-sm': 'var(--space-2)',
|
|
|
|
|
'control-px-md': 'var(--space-2-5)',
|
|
|
|
|
'control-px-lg': 'var(--space-3)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
'control-radius': 'var(--radius-md)',
|
|
|
|
|
'control-border-width': 'var(--border-width)',
|
|
|
|
|
'control-border': 'transparent',
|
|
|
|
|
'control-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'control-bg': 'transparent',
|
|
|
|
|
'control-bg-hover': 'var(--color-surface-raised)',
|
|
|
|
|
'control-color': 'var(--color-content-secondary)',
|
|
|
|
|
'control-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'selected-border': 'var(--color-primary-border)',
|
|
|
|
|
'selected-border-hover': 'var(--color-primary-border)',
|
|
|
|
|
'selected-bg': 'var(--color-primary-solid)',
|
|
|
|
|
'selected-bg-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'selected-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'ellipsis-color': 'var(--color-content-muted)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
popover: {
|
|
|
|
|
'content-z': '75',
|
|
|
|
|
'overlay-z': '60',
|
|
|
|
|
'overlay-bg': 'var(--color-overlay)',
|
|
|
|
|
'trigger-font-size': 'var(--font-size-sm)',
|
|
|
|
|
gap: 'var(--space-3)',
|
|
|
|
|
'max-width': '32rem',
|
|
|
|
|
'min-width-sm': '14rem',
|
|
|
|
|
'min-width-md': '18rem',
|
|
|
|
|
'min-width-lg': '22rem',
|
|
|
|
|
'min-width-xl': '28rem',
|
|
|
|
|
'padding-y-sm': 'var(--space-2)',
|
|
|
|
|
'padding-x-sm': 'var(--space-2-5)',
|
|
|
|
|
'padding-y-md': 'var(--space-3)',
|
|
|
|
|
'padding-x-md': 'var(--space-3)',
|
|
|
|
|
'padding-y-lg': 'var(--space-3-5)',
|
|
|
|
|
'padding-x-lg': 'var(--space-4)',
|
|
|
|
|
'padding-y-xl': 'var(--space-4)',
|
|
|
|
|
'padding-x-xl': 'var(--space-5)',
|
|
|
|
|
'font-size': 'var(--font-size-sm)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-weight': 'var(--font-weight-regular)',
|
|
|
|
|
'line-height': 'var(--leading-text)',
|
|
|
|
|
'title-font-family': 'var(--font-heading)',
|
|
|
|
|
'title-font-size': 'var(--font-size-md)',
|
|
|
|
|
'title-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'title-line-height': 'var(--leading-heading)',
|
|
|
|
|
'title-color': 'var(--color-content-primary)',
|
|
|
|
|
'description-font-family': 'var(--font-ui)',
|
|
|
|
|
'description-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'description-line-height': 'var(--leading-ui)',
|
|
|
|
|
'description-color': 'var(--color-content-secondary)',
|
|
|
|
|
radius: 'var(--radius-lg)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
bg: 'var(--color-surface-overlay)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
border: 'color-mix( in srgb, var(--color-border-default) 82%, var(--popover-bg) )',
|
|
|
|
|
shadow: 'var(--shadow-overlay)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'close-size': 'var(--control-height-xs)',
|
|
|
|
|
'close-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'close-radius': 'var(--radius-md)',
|
|
|
|
|
'close-border-width': 'var(--border-width)',
|
|
|
|
|
'close-bg': 'transparent',
|
|
|
|
|
'close-bg-hover': 'color-mix( in srgb, var(--color-neutral-track) 72%, var(--popover-bg) )',
|
|
|
|
|
'close-color': 'var(--color-content-secondary)',
|
|
|
|
|
'close-border': 'color-mix(in srgb, var(--color-border-default) 72%, transparent)',
|
|
|
|
|
'close-border-hover': 'var(--color-border-strong)'
|
|
|
|
|
},
|
|
|
|
|
progress: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xs': '2px',
|
|
|
|
|
'height-sm': '4px',
|
|
|
|
|
'height-md': '6px',
|
|
|
|
|
'height-lg': '8px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xl': '12px',
|
|
|
|
|
'vertical-height': '10rem',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'radius-xs': 'var(--radius-full)',
|
|
|
|
|
'radius-sm': 'var(--radius-full)',
|
|
|
|
|
'radius-md': 'var(--radius-full)',
|
|
|
|
|
'radius-lg': 'var(--radius-full)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'radius-xl': 'var(--radius-full)',
|
|
|
|
|
'ring-size-xs': '2rem',
|
|
|
|
|
'ring-size-sm': '2.5rem',
|
|
|
|
|
'ring-size-md': '3rem',
|
|
|
|
|
'ring-size-lg': '3.5rem',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'ring-size-xl': '4rem',
|
|
|
|
|
'ring-thickness-xs': '3px',
|
|
|
|
|
'ring-thickness-sm': '4px',
|
|
|
|
|
'ring-thickness-md': '6px',
|
|
|
|
|
'ring-thickness-lg': '8px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'ring-thickness-xl': '10px',
|
|
|
|
|
'label-font-family': 'var(--font-ui)',
|
|
|
|
|
'label-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'label-line-height': 'var(--leading-ui)',
|
|
|
|
|
'label-color': 'var(--color-content-primary)',
|
|
|
|
|
'value-text-font-family': 'var(--font-ui)',
|
|
|
|
|
'value-text-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'value-text-font-weight': 'var(--font-weight-regular)',
|
|
|
|
|
'value-text-line-height': 'var(--leading-ui)',
|
|
|
|
|
'value-text-color': 'var(--color-content-secondary)',
|
|
|
|
|
'track-bg':
|
|
|
|
|
'color-mix(in srgb, var(--color-content-primary) 12%, var(--color-surface-default))',
|
|
|
|
|
'ring-track-bg':
|
|
|
|
|
'color-mix(in srgb, var(--color-content-primary) 12%, var(--color-surface-default))',
|
|
|
|
|
'ring-center-bg': 'var(--color-surface-default)',
|
|
|
|
|
'indicator-bg': 'var(--color-primary-solid)',
|
|
|
|
|
'indicator-bg-loaded': 'var(--color-fulfill-solid)',
|
|
|
|
|
'transition-duration': 'var(--duration-normal)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'indeterminate-width': '35%',
|
|
|
|
|
'indeterminate-duration': '1.1s',
|
|
|
|
|
'indeterminate-ease': 'var(--ease-default)'
|
|
|
|
|
},
|
|
|
|
|
'radio-group': {
|
|
|
|
|
'gap-vertical': 'var(--space-3)',
|
|
|
|
|
'gap-horizontal': 'var(--space-4)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-size-xs': '14px',
|
|
|
|
|
'item-size-sm': '16px',
|
|
|
|
|
'item-size-md': '18px',
|
|
|
|
|
'item-size-lg': '22px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-size-xl': '26px',
|
|
|
|
|
'dot-size-xs': '5px',
|
|
|
|
|
'dot-size-sm': '6px',
|
|
|
|
|
'dot-size-md': '7px',
|
|
|
|
|
'dot-size-lg': '9px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'dot-size-xl': '11px',
|
|
|
|
|
'item-gap': 'var(--space-3)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
'item-label-color': 'var(--color-content-primary)',
|
|
|
|
|
'item-label-color-disabled': 'var(--color-content-disabled)',
|
|
|
|
|
'indicator-radius': 'var(--radius-full)',
|
|
|
|
|
'indicator-border-width': 'var(--border-width)',
|
|
|
|
|
'indicator-bg': 'var(--color-surface-default)',
|
|
|
|
|
'indicator-border': 'var(--color-border-default)',
|
|
|
|
|
'indicator-border-hover': 'var(--color-border-strong)',
|
|
|
|
|
'indicator-bg-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 78%, var(--color-surface-default) )',
|
|
|
|
|
'indicator-border-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-border-default) 72%, var(--color-border-subtle) )',
|
|
|
|
|
'indicator-bg-checked-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-content-disabled) 40%, var(--color-surface-overlay) )',
|
|
|
|
|
'dot-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'dot-color-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-content-on-solid) 82%, var(--color-surface-default) )',
|
|
|
|
|
'focus-ring-offset': 'var(--focus-ring-offset)',
|
|
|
|
|
'focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'focus-ring-surface': 'var(--color-surface-default)',
|
|
|
|
|
'focus-ring':
|
|
|
|
|
'0 0 0 var(--radio-group-focus-ring-offset) var(--radio-group-focus-ring-surface), 0 0 0 calc(var(--radio-group-focus-ring-offset) + var(--radio-group-focus-ring-width)) var(--radio-group-focus-ring-color)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.72',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-hover': 'var(--color-affirm-solid-hover)',
|
|
|
|
|
'label-font-family': 'var(--font-ui)',
|
|
|
|
|
'label-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'label-line-height': 'var(--leading-ui)',
|
|
|
|
|
'label-color': 'var(--color-content-primary)'
|
|
|
|
|
},
|
|
|
|
|
'rating-group': {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-1)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-2-5)',
|
|
|
|
|
'item-size-xs': '14px',
|
|
|
|
|
'item-size-sm': '18px',
|
|
|
|
|
'item-size-md': '22px',
|
|
|
|
|
'item-size-lg': '28px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-size-xl': '34px',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-md': 'var(--font-size-md)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-xl)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
'item-color-inactive': 'var(--color-neutral-border)',
|
|
|
|
|
'item-color-active': 'var(--color-fulfill-solid)',
|
|
|
|
|
'item-color-partial': 'var(--color-fulfill-solid)',
|
|
|
|
|
'item-hover-offset': '-1px',
|
|
|
|
|
'focus-radius': 'var(--radius-md)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
'search-field': {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'height-md': 'var(--control-height-md)',
|
|
|
|
|
'height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'px-xs': 'var(--space-2)',
|
|
|
|
|
'px-sm': 'var(--space-2-5)',
|
|
|
|
|
'px-md': 'var(--space-3)',
|
|
|
|
|
'px-lg': 'var(--space-3-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'px-xl': 'var(--space-4)',
|
|
|
|
|
'gap-xs': 'var(--space-1)',
|
|
|
|
|
'gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'gap-md': 'var(--space-2)',
|
|
|
|
|
'gap-lg': 'var(--space-2-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-3)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
radius: 'var(--radius-md)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
border: 'var(--color-border-default)',
|
|
|
|
|
'border-focus': 'var(--color-focus-ring)',
|
|
|
|
|
'border-invalid': 'var(--color-risk-border)',
|
|
|
|
|
bg: 'var(--color-surface-default)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'clear-size': 'var(--control-height-xs)',
|
|
|
|
|
'clear-radius': 'var(--radius-full)',
|
|
|
|
|
'clear-border-width': 'var(--border-width)',
|
|
|
|
|
'clear-border': 'transparent',
|
|
|
|
|
'clear-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'clear-bg': 'transparent',
|
|
|
|
|
'clear-bg-hover': 'var(--color-surface-raised)',
|
|
|
|
|
'clear-color': 'var(--color-content-secondary)',
|
|
|
|
|
'clear-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'clear-focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'clear-hidden-opacity': '0',
|
|
|
|
|
'icon-size-xs': 'var(--icon-size-xs)',
|
|
|
|
|
'icon-size-sm': 'var(--icon-size-sm)',
|
|
|
|
|
'icon-size-md': 'var(--icon-size-md)',
|
|
|
|
|
'icon-size-lg': 'var(--icon-size-md)',
|
|
|
|
|
'icon-size-xl': 'var(--icon-size-lg)',
|
|
|
|
|
'icon-color': 'var(--color-content-muted)',
|
|
|
|
|
'icon-margin-inline-end': 'var(--space-1-5)',
|
|
|
|
|
'loading-indicator-size-xs': 'var(--icon-size-xs)',
|
|
|
|
|
'loading-indicator-size-sm': 'var(--icon-size-sm)',
|
|
|
|
|
'loading-indicator-size-md': 'var(--icon-size-md)',
|
|
|
|
|
'loading-indicator-size-lg': 'var(--icon-size-md)',
|
|
|
|
|
'loading-indicator-size-xl': 'var(--icon-size-lg)',
|
|
|
|
|
'loading-indicator-color': 'var(--color-content-muted)',
|
|
|
|
|
'loading-indicator-track': 'var(--color-border-subtle)',
|
|
|
|
|
'loading-indicator-thickness': '2px',
|
|
|
|
|
'loading-indicator-duration': '900ms',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
select: {
|
|
|
|
|
'stack-gap': 'var(--space-2)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-lg)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-fulfill-solid': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-track': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-text': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-text': 'var(--color-risk-text)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-text': 'var(--color-threat-text)',
|
|
|
|
|
'color-loss-solid': 'var(--color-loss-solid)',
|
|
|
|
|
'color-loss-track': 'var(--color-loss-track)',
|
|
|
|
|
'color-loss-border': 'var(--color-loss-border)',
|
|
|
|
|
'color-loss-text': 'var(--color-loss-text)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'trigger-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'trigger-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'trigger-height-md': 'var(--control-height-md)',
|
|
|
|
|
'trigger-height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'trigger-height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'trigger-px-xs': 'var(--space-2)',
|
|
|
|
|
'trigger-px-sm': 'var(--space-2-5)',
|
|
|
|
|
'trigger-px-md': 'var(--space-3)',
|
|
|
|
|
'trigger-px-lg': 'var(--space-3-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'trigger-px-xl': 'var(--space-4)',
|
|
|
|
|
'trigger-gap-xs': 'var(--space-1)',
|
|
|
|
|
'trigger-gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'trigger-gap-md': 'var(--space-2)',
|
|
|
|
|
'trigger-gap-lg': 'var(--space-2-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'trigger-gap-xl': 'var(--space-3)',
|
|
|
|
|
'trigger-border-width': 'var(--border-width)',
|
|
|
|
|
'trigger-border': 'var(--color-border-default)',
|
|
|
|
|
'trigger-border-hover': 'var(--color-border-strong)',
|
|
|
|
|
'trigger-radius': 'var(--radius-md)',
|
|
|
|
|
'trigger-bg': 'var(--color-surface-default)',
|
|
|
|
|
'trigger-bg-hover': 'var(--color-surface-raised)',
|
|
|
|
|
'trigger-shadow': 'var(--shadow-xs)',
|
|
|
|
|
'trigger-color': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-indicator-color': 'var(--color-content-secondary)',
|
|
|
|
|
'trigger-indicator-size': 'var(--icon-size-sm)',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'disabled-border': 'var(--color-border-subtle)',
|
|
|
|
|
'disabled-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'disabled-color': 'var(--color-content-disabled)',
|
|
|
|
|
'content-z': '80',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'content-py-xs': 'var(--space-0-5)',
|
|
|
|
|
'content-py-sm': 'var(--space-1)',
|
|
|
|
|
'content-py-md': 'var(--space-1-5)',
|
|
|
|
|
'content-py-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'content-py-xl': 'var(--space-2-5)',
|
|
|
|
|
'content-px-xs': 'var(--space-0-5)',
|
|
|
|
|
'content-px-sm': 'var(--space-1)',
|
|
|
|
|
'content-px-md': 'var(--space-1-5)',
|
|
|
|
|
'content-px-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'content-px-xl': 'var(--space-2-5)',
|
|
|
|
|
'content-min-width': '12rem',
|
|
|
|
|
'content-max-width': '24rem',
|
|
|
|
|
'content-max-height': 'min(20rem, calc(100dvh - var(--space-6)))',
|
|
|
|
|
'content-border-width': 'var(--border-width)',
|
|
|
|
|
'content-border': 'var(--color-border-default)',
|
|
|
|
|
'content-radius': 'var(--radius-lg)',
|
|
|
|
|
'content-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'content-color': 'var(--color-content-primary)',
|
|
|
|
|
'content-shadow': 'var(--shadow-lg)',
|
|
|
|
|
'content-outline-shadow': 'var(--shadow-md)',
|
|
|
|
|
'content-ghost-shadow': 'var(--shadow-md)',
|
|
|
|
|
'open-duration': 'var(--duration-normal)',
|
|
|
|
|
'close-duration': 'var(--duration-fast)',
|
|
|
|
|
'viewport-gap': 'var(--space-0-5)',
|
|
|
|
|
'viewport-padding': 'var(--space-0-5)',
|
|
|
|
|
'group-gap': 'var(--space-0-5)',
|
|
|
|
|
'group-py': 'var(--space-1)',
|
|
|
|
|
'group-heading-py': 'var(--space-1)',
|
|
|
|
|
'group-heading-px': 'var(--space-2)',
|
|
|
|
|
'group-heading-font-family': 'var(--font-ui)',
|
|
|
|
|
'group-heading-font-size': 'var(--font-size-xs)',
|
|
|
|
|
'group-heading-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'group-heading-letter-spacing': '0.04em',
|
|
|
|
|
'group-heading-color': 'var(--color-content-muted)',
|
|
|
|
|
'separator-size': 'var(--border-width)',
|
|
|
|
|
'separator-my': 'var(--space-1)',
|
|
|
|
|
'separator-bg': 'var(--color-border-subtle)',
|
|
|
|
|
'item-gap': 'var(--space-2)',
|
|
|
|
|
'item-min-height': 'var(--control-height-sm)',
|
|
|
|
|
'item-px': 'var(--space-2)',
|
|
|
|
|
'item-radius': 'var(--radius-md)',
|
|
|
|
|
'item-color': 'var(--color-content-primary)',
|
|
|
|
|
'item-bg-highlighted': 'var(--color-surface-raised)',
|
|
|
|
|
'item-color-highlighted': 'var(--color-content-primary)',
|
|
|
|
|
'item-indicator-size': 'var(--icon-size-sm)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)'
|
|
|
|
|
},
|
|
|
|
|
toolbar: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-1)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'padding-inline-xs': 'var(--space-0-5)',
|
|
|
|
|
'padding-inline-sm': 'var(--space-1)',
|
|
|
|
|
'padding-inline-md': 'var(--space-1-5)',
|
|
|
|
|
'padding-inline-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'padding-block-xs': 'var(--space-0-5)',
|
|
|
|
|
'padding-block-sm': 'var(--space-1)',
|
|
|
|
|
'padding-block-md': 'var(--space-1)',
|
|
|
|
|
'padding-block-lg': 'var(--space-1-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'control-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'control-height-md': 'var(--control-height-md)',
|
|
|
|
|
'control-height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-px-xs': 'var(--space-1-5)',
|
|
|
|
|
'control-px-sm': 'var(--space-2)',
|
|
|
|
|
'control-px-md': 'var(--space-2-5)',
|
|
|
|
|
'control-px-lg': 'var(--space-3)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'control-gap-sm': 'var(--space-1)',
|
|
|
|
|
'control-gap-md': 'var(--space-1-5)',
|
|
|
|
|
'control-gap-lg': 'var(--space-2)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
radius: 'var(--radius-lg)',
|
|
|
|
|
bg: 'var(--color-surface-raised)',
|
|
|
|
|
border: 'var(--color-border-subtle)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
shadow: 'var(--shadow-xs)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'group-gap': 'var(--space-0-5)',
|
|
|
|
|
'control-radius': 'var(--radius-md)',
|
|
|
|
|
'control-border-width': 'var(--border-width)',
|
|
|
|
|
'control-border': 'transparent',
|
|
|
|
|
'control-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'control-border-active': 'var(--color-primary-border)',
|
|
|
|
|
'control-bg': 'transparent',
|
|
|
|
|
'control-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'control-bg-active': 'var(--color-primary-track)',
|
|
|
|
|
'control-color': 'var(--color-content-secondary)',
|
|
|
|
|
'control-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'control-color-active': 'var(--color-primary-text)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'separator-bg': 'var(--color-border-subtle)',
|
|
|
|
|
'separator-thickness': 'var(--border-width)',
|
|
|
|
|
'separator-length': 'var(--control-height-md)',
|
|
|
|
|
'separator-radius': 'var(--radius-full)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.48'
|
|
|
|
|
},
|
|
|
|
|
'file-upload': {
|
|
|
|
|
'gap-sm': 'var(--space-2)',
|
|
|
|
|
'gap-md': 'var(--space-3)',
|
|
|
|
|
'gap-lg': 'var(--space-4)',
|
|
|
|
|
'padding-sm': 'var(--space-4)',
|
|
|
|
|
'padding-md': 'var(--space-5)',
|
|
|
|
|
'padding-lg': 'var(--space-6)',
|
|
|
|
|
'control-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'control-height-md': 'var(--control-height-md)',
|
|
|
|
|
'control-height-lg': 'var(--control-height-lg)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
|
|
|
|
'preview-size-sm': '32px',
|
|
|
|
|
'preview-size-md': '40px',
|
|
|
|
|
'preview-size-lg': '48px',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'label-color': 'var(--color-content-secondary)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'dropzone-gap': 'var(--space-2)',
|
|
|
|
|
'dropzone-min-height': '9rem',
|
|
|
|
|
'dropzone-border-width': 'var(--border-width)',
|
|
|
|
|
'dropzone-border': 'var(--color-border-default)',
|
|
|
|
|
'dropzone-radius': 'var(--radius-lg)',
|
|
|
|
|
'dropzone-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'dropzone-color': 'var(--color-content-secondary)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'button-gap': 'var(--space-1-5)',
|
|
|
|
|
'button-px': 'var(--space-3)',
|
|
|
|
|
'button-border-width': 'var(--border-width)',
|
|
|
|
|
'button-border': 'var(--color-border-subtle)',
|
|
|
|
|
'button-border-hover': 'var(--color-border-default)',
|
|
|
|
|
'button-radius': 'var(--radius-md)',
|
|
|
|
|
'button-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'button-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'button-color': 'var(--color-content-secondary)',
|
|
|
|
|
'button-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'button-solid-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'list-gap': 'var(--space-2)',
|
|
|
|
|
'item-gap': 'var(--space-3)',
|
|
|
|
|
'item-padding': 'var(--space-2)',
|
|
|
|
|
'item-border-width': 'var(--border-width)',
|
|
|
|
|
'item-border': 'var(--color-border-subtle)',
|
|
|
|
|
'item-radius': 'var(--radius-md)',
|
|
|
|
|
'item-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'item-shadow': 'var(--shadow-xs)',
|
|
|
|
|
'preview-radius': 'var(--radius-sm)',
|
|
|
|
|
'preview-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'preview-color': 'var(--color-neutral-text)',
|
|
|
|
|
'item-name-color': 'var(--color-content-primary)',
|
|
|
|
|
'item-name-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'item-size-color': 'var(--color-content-muted)',
|
|
|
|
|
'item-size-font-size': 'var(--font-size-xs)',
|
|
|
|
|
'progress-height': '4px',
|
|
|
|
|
'progress-radius': 'var(--radius-full)',
|
|
|
|
|
'progress-track-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.52',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-hover': 'var(--color-affirm-solid-hover)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-fulfill-solid': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-solid-hover': 'var(--color-fulfill-solid-hover)',
|
|
|
|
|
'color-fulfill-track': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-text': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-solid-hover': 'var(--color-risk-solid-hover)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-text': 'var(--color-risk-text)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-solid-hover': 'var(--color-threat-solid-hover)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-text': 'var(--color-threat-text)',
|
|
|
|
|
'color-loss-solid': 'var(--color-loss-solid)',
|
|
|
|
|
'color-loss-solid-hover': 'var(--color-loss-solid-hover)',
|
|
|
|
|
'color-loss-track': 'var(--color-loss-track)',
|
|
|
|
|
'color-loss-border': 'var(--color-loss-border)',
|
|
|
|
|
'color-loss-text': 'var(--color-loss-text)'
|
|
|
|
|
},
|
|
|
|
|
'tag-group': {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-1)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'item-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'item-height-md': 'var(--control-height-md)',
|
|
|
|
|
'item-height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-px-xs': 'var(--space-1-5)',
|
|
|
|
|
'item-px-sm': 'var(--space-2)',
|
|
|
|
|
'item-px-md': 'var(--space-2-5)',
|
|
|
|
|
'item-px-lg': 'var(--space-3)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'item-gap-sm': 'var(--space-1)',
|
|
|
|
|
'item-gap-md': 'var(--space-1-5)',
|
|
|
|
|
'item-gap-lg': 'var(--space-2)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-sm)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'label-color': 'var(--color-content-secondary)',
|
|
|
|
|
'label-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'item-radius': 'var(--radius-full)',
|
|
|
|
|
'item-border-width': 'var(--border-width)',
|
|
|
|
|
'item-border': 'var(--color-border-subtle)',
|
|
|
|
|
'item-border-hover': 'var(--color-border-default)',
|
|
|
|
|
'item-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'item-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'item-shadow': 'var(--shadow-xs)',
|
|
|
|
|
'item-color': 'var(--color-content-secondary)',
|
|
|
|
|
'item-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'solid-fg': 'var(--color-content-on-solid)',
|
|
|
|
|
'remove-size': 'var(--control-height-xs)',
|
|
|
|
|
'remove-radius': 'var(--radius-full)',
|
|
|
|
|
'remove-border-width': 'var(--border-width)',
|
|
|
|
|
'remove-border': 'transparent',
|
|
|
|
|
'remove-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'remove-bg': 'transparent',
|
|
|
|
|
'remove-bg-hover': 'color-mix(in srgb, currentColor 12%, transparent)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.5',
|
|
|
|
|
'color-primary-solid-bg': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-bg-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-primary-soft-bg': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-primary-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-primary-soft-fg': 'var(--color-primary-text)',
|
|
|
|
|
'color-primary-outline-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-outline-fg': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid-bg': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-bg-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-secondary-soft-bg': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-secondary-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-secondary-soft-fg': 'var(--color-secondary-text)',
|
|
|
|
|
'color-secondary-outline-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-outline-fg': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid-bg': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-bg-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-neutral-soft-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-neutral-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-neutral-soft-fg': 'var(--color-neutral-text)',
|
|
|
|
|
'color-neutral-outline-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-outline-fg': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid-bg': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-bg-hover': 'var(--color-affirm-solid-hover)',
|
|
|
|
|
'color-affirm-soft-bg': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-affirm-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-affirm-soft-fg': 'var(--color-affirm-text)',
|
|
|
|
|
'color-affirm-outline-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-outline-fg': 'var(--color-affirm-text)',
|
|
|
|
|
'color-fulfill-solid-bg': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-solid-bg-hover': 'var(--color-fulfill-solid-hover)',
|
|
|
|
|
'color-fulfill-soft-bg': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-fulfill-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-fulfill-soft-fg': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-fulfill-outline-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-outline-fg': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-risk-solid-bg': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-solid-bg-hover': 'var(--color-risk-solid-hover)',
|
|
|
|
|
'color-risk-soft-bg': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-risk-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-risk-soft-fg': 'var(--color-risk-text)',
|
|
|
|
|
'color-risk-outline-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-outline-fg': 'var(--color-risk-text)',
|
|
|
|
|
'color-threat-solid-bg': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-solid-bg-hover': 'var(--color-threat-solid-hover)',
|
|
|
|
|
'color-threat-soft-bg': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-threat-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-threat-soft-fg': 'var(--color-threat-text)',
|
|
|
|
|
'color-threat-outline-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-outline-fg': 'var(--color-threat-text)',
|
|
|
|
|
'color-loss-solid-bg': 'var(--color-loss-solid)',
|
|
|
|
|
'color-loss-solid-bg-hover': 'var(--color-loss-solid-hover)',
|
|
|
|
|
'color-loss-soft-bg': 'var(--color-loss-track)',
|
|
|
|
|
'color-loss-soft-bg-hover':
|
|
|
|
|
'color-mix(in srgb, var(--color-loss-track) 74%, var(--color-surface-overlay))',
|
|
|
|
|
'color-loss-soft-fg': 'var(--color-loss-text)',
|
|
|
|
|
'color-loss-outline-border': 'var(--color-loss-border)',
|
|
|
|
|
'color-loss-outline-fg': 'var(--color-loss-text)'
|
|
|
|
|
},
|
|
|
|
|
editable: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-0-5)',
|
|
|
|
|
'gap-sm': 'var(--space-1)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-2-5)',
|
|
|
|
|
'control-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'control-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'control-height-md': 'var(--control-height-md)',
|
|
|
|
|
'control-height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'control-px-xs': 'var(--space-1-5)',
|
|
|
|
|
'control-px-sm': 'var(--space-2)',
|
|
|
|
|
'control-px-md': 'var(--space-2-5)',
|
|
|
|
|
'control-px-lg': 'var(--space-3)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-px-xl': 'var(--space-3-5)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-lg)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'area-min-inline-size': '12ch',
|
|
|
|
|
'control-radius': 'var(--radius-md)',
|
|
|
|
|
'control-border-width': 'var(--border-width)',
|
|
|
|
|
'control-border': 'var(--color-border-subtle)',
|
|
|
|
|
'control-border-hover': 'var(--color-border-default)',
|
|
|
|
|
'control-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'control-shadow': 'var(--shadow-xs)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'trigger-gap': 'var(--space-1)',
|
|
|
|
|
'trigger-px': 'var(--space-2-5)',
|
|
|
|
|
'trigger-radius': 'var(--radius-md)',
|
|
|
|
|
'trigger-border-width': 'var(--border-width)',
|
|
|
|
|
'trigger-border': 'var(--color-border-subtle)',
|
|
|
|
|
'trigger-border-hover': 'var(--color-border-default)',
|
|
|
|
|
'trigger-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'trigger-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'trigger-color': 'var(--color-content-secondary)',
|
|
|
|
|
'trigger-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'submit-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'submit-hover-brightness': '1.04',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.5',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-text': 'var(--color-risk-text)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-text': 'var(--color-threat-text)'
|
|
|
|
|
},
|
Build TextArea component + fix locale propagation bug across soma providers
Major work in this session:
1. NumberField demo refactored to expose Intl.NumberFormatOptions live
- 9 canonical presets (currency/unit/percent/compact/plain)
- Locale/currency/unit lists derived from $libs/langs, $libs/currency,
$format/units (no more hardcoded arrays)
- Default locale from uix.format.numbers.getLocale()
2. Bug fix: locale prop ignored when soma.format service is active
- soma/NumberField: 5 bypass points via new `hasOwnLocale` getter
(decimalSeparator, groupSeparator, formatValue, formatEditValue, parseValue)
- soma/Calendar: dateOrder respects locale prop (matches DateField precedence)
- soma/RangeCalendar: same dateOrder fix
- When the consumer passes `locale` prop, soma.nums/dates is bypassed
and Intl is used directly with the prop locale
3. TextArea — new component, full 4-layer stack
- morfo: 3 parts (provider/input/count), 3 events
(commit-input/commit-submit/shift-count-overflow), APG textbox
- soma: TextAreaProvider with autosize (scrollHeight measurement),
submitOn modes (false|enter|shift+enter|mod+enter), maxLength soft clamp,
Field integration (OR-merge), counter overflow tracking
- eidos: 5 sizes × 3 variants × 8 colors, autosize suppresses CSS resize
- sema: commit-submit + shift-count-overflow perceptual cues
- demo: canonical 6-tab depth, all props exposed as live controls
- PrimitiveTextareaAttributes added to soma/types/html.ts
4. Also includes accumulated unreleased work from prior sessions:
- Eidos ports: announce, clipboard, drag-drop, feed, table,
tree-grid, tree-view, virtual-grid, virtual-list, words
- Their canonical demos under web/routes/uix/components/
- Semantic events defined for utility morfos
(announce/clipboard/virtual-list/virtual-grid)
- Tree indent guides fixed (TreeView ::before, TreeGrid stacked gradients)
- Sidebar reorganized with Data + Utilities groups
- Eidos words content layer and primitives
Reference library survey performed before TextArea API design (Mantine,
Radix Themes, Chakra v3, React Aria, Ark UI, Bits UI, shadcn, MUI, Prime).
Decision documented: no separate CurrencyField/UnitField — single
NumberField with formatOptions is the canon (matches all surveyed
headless libs except PrimeReact's mode enum, which still uses 1 component).
svelte-check: 0 errors in modified/created files.
See CONTINUE.md for full session notes and next steps.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
words: {
|
|
|
|
|
'gap-sm': 'var(--space-2)',
|
|
|
|
|
'gap-md': 'var(--space-2-5)',
|
|
|
|
|
'gap-lg': 'var(--space-3)',
|
|
|
|
|
'radius-sm': 'var(--radius-md)',
|
|
|
|
|
'radius-md': 'var(--radius-lg)',
|
|
|
|
|
'radius-lg': 'var(--radius-xl)',
|
|
|
|
|
'max-inline-size': '52rem',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
border: 'var(--color-border-subtle)',
|
|
|
|
|
'border-hover': 'var(--color-border-default)',
|
|
|
|
|
bg: 'var(--color-surface-raised)',
|
|
|
|
|
shadow: 'var(--shadow-xs)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'invalid-border': 'var(--color-risk-border)',
|
|
|
|
|
'disabled-opacity': '0.5',
|
|
|
|
|
'toolbar-gap': 'var(--space-1)',
|
|
|
|
|
'toolbar-px-sm': 'var(--space-2)',
|
|
|
|
|
'toolbar-px-md': 'var(--space-2-5)',
|
|
|
|
|
'toolbar-px-lg': 'var(--space-3)',
|
|
|
|
|
'toolbar-py-sm': 'var(--space-1)',
|
|
|
|
|
'toolbar-py-md': 'var(--space-1-5)',
|
|
|
|
|
'toolbar-py-lg': 'var(--space-2)',
|
|
|
|
|
'toolbar-border': 'var(--color-border-subtle)',
|
|
|
|
|
'toolbar-bg': 'var(--color-surface-default)',
|
|
|
|
|
'button-size-sm': 'var(--control-height-xs)',
|
|
|
|
|
'button-size-md': 'var(--control-height-sm)',
|
|
|
|
|
'button-size-lg': 'var(--control-height-md)',
|
|
|
|
|
'command-gap': 'var(--space-1)',
|
|
|
|
|
'command-px': 'var(--space-2)',
|
|
|
|
|
'command-radius': 'var(--radius-md)',
|
|
|
|
|
'command-color': 'var(--color-content-secondary)',
|
|
|
|
|
'command-border-hover': 'var(--color-border-default)',
|
|
|
|
|
'command-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'command-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'command-solid-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'content-color': 'var(--color-content-primary)',
|
|
|
|
|
'content-px-sm': 'var(--space-3)',
|
|
|
|
|
'content-px-md': 'var(--space-4)',
|
|
|
|
|
'content-px-lg': 'var(--space-5)',
|
|
|
|
|
'content-py-sm': 'var(--space-2-5)',
|
|
|
|
|
'content-py-md': 'var(--space-3)',
|
|
|
|
|
'content-py-lg': 'var(--space-4)',
|
|
|
|
|
'content-py-after-placeholder': 'var(--space-1)',
|
|
|
|
|
'content-min-block-size-sm': '10rem',
|
|
|
|
|
'content-min-block-size-md': '13rem',
|
|
|
|
|
'content-min-block-size-lg': '16rem',
|
|
|
|
|
'selection-color': 'var(--color-content-primary)',
|
|
|
|
|
'block-gap': 'var(--space-2)',
|
|
|
|
|
'heading-color': 'var(--color-content-primary)',
|
|
|
|
|
'heading-font-size': 'var(--font-size-lg)',
|
|
|
|
|
'heading-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'heading-line-height': 'var(--leading-heading)',
|
|
|
|
|
'strong-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'code-radius': 'var(--radius-sm)',
|
|
|
|
|
'code-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'code-color': 'var(--color-content-primary)',
|
|
|
|
|
'code-font-family': 'var(--font-mono)',
|
|
|
|
|
'code-py': 'var(--space-0-5)',
|
|
|
|
|
'code-px': 'var(--space-1)',
|
|
|
|
|
'quote-px': 'var(--space-3)',
|
|
|
|
|
'quote-border-width': 'var(--border-width-strong)',
|
|
|
|
|
'quote-color': 'var(--color-content-secondary)',
|
|
|
|
|
'list-padding-inline-start': 'var(--space-5)',
|
|
|
|
|
'status-py': 'var(--space-2)',
|
|
|
|
|
'status-color': 'var(--color-content-muted)',
|
|
|
|
|
'status-font-size': 'var(--font-size-xs)',
|
|
|
|
|
'status-error-color': 'var(--color-risk-text)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-hover': 'var(--color-affirm-solid-hover)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-fulfill-solid': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-solid-hover': 'var(--color-fulfill-solid-hover)',
|
|
|
|
|
'color-fulfill-track': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-text': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-solid-hover': 'var(--color-risk-solid-hover)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-text': 'var(--color-risk-text)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-solid-hover': 'var(--color-threat-solid-hover)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-text': 'var(--color-threat-text)',
|
|
|
|
|
'color-loss-solid': 'var(--color-loss-solid)',
|
|
|
|
|
'color-loss-solid-hover': 'var(--color-loss-solid-hover)',
|
|
|
|
|
'color-loss-track': 'var(--color-loss-track)',
|
|
|
|
|
'color-loss-border': 'var(--color-loss-border)',
|
|
|
|
|
'color-loss-text': 'var(--color-loss-text)'
|
|
|
|
|
},
|
|
|
|
|
'tags-input': {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xs': 'var(--space-1)',
|
|
|
|
|
'gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'gap-md': 'var(--space-2)',
|
|
|
|
|
'gap-lg': 'var(--space-2-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-3)',
|
|
|
|
|
'control-min-height-xs': 'var(--control-height-sm)',
|
|
|
|
|
'control-min-height-sm': 'var(--control-height-md)',
|
|
|
|
|
'control-min-height-md': 'var(--control-height-lg)',
|
|
|
|
|
'control-min-height-lg': 'calc(var(--control-height-lg) + var(--space-2))',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-min-height-xl': 'calc(var(--control-height-xl) + var(--space-2))',
|
|
|
|
|
'control-px-xs': 'var(--space-1-5)',
|
|
|
|
|
'control-px-sm': 'var(--space-2)',
|
|
|
|
|
'control-px-md': 'var(--space-2-5)',
|
|
|
|
|
'control-px-lg': 'var(--space-3)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-px-xl': 'var(--space-3-5)',
|
|
|
|
|
'control-py-xs': 'var(--space-0-5)',
|
|
|
|
|
'control-py-sm': 'var(--space-1)',
|
|
|
|
|
'control-py-md': 'var(--space-1-5)',
|
|
|
|
|
'control-py-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'control-py-xl': 'var(--space-2-5)',
|
|
|
|
|
'item-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'item-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'item-height-md': 'var(--control-height-md)',
|
|
|
|
|
'item-height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'item-px-xs': 'var(--space-1-5)',
|
|
|
|
|
'item-px-sm': 'var(--space-2)',
|
|
|
|
|
'item-px-md': 'var(--space-2-5)',
|
|
|
|
|
'item-px-lg': 'var(--space-3)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'item-px-xl': 'var(--space-3-5)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': 'var(--font-size-lg)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'item-gap': 'var(--space-1-5)',
|
|
|
|
|
'control-radius': 'var(--radius-lg)',
|
|
|
|
|
'control-border-width': 'var(--border-width)',
|
|
|
|
|
'control-border': 'var(--color-border-default)',
|
|
|
|
|
'control-border-hover': 'var(--color-border-strong)',
|
|
|
|
|
'control-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'control-shadow': 'var(--shadow-xs)',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'input-min-inline-size': '8ch',
|
|
|
|
|
'placeholder-color': 'var(--color-content-muted)',
|
|
|
|
|
'item-radius': 'var(--radius-full)',
|
|
|
|
|
'item-border-width': 'var(--border-width)',
|
|
|
|
|
'item-border': 'var(--color-border-subtle)',
|
|
|
|
|
'item-bg': 'var(--color-surface-overlay)',
|
|
|
|
|
'item-color': 'var(--color-content-primary)',
|
|
|
|
|
'action-gap': 'var(--space-1)',
|
|
|
|
|
'action-px': 'var(--space-2-5)',
|
|
|
|
|
'action-radius': 'var(--radius-md)',
|
|
|
|
|
'action-border-width': 'var(--border-width)',
|
|
|
|
|
'action-border': 'transparent',
|
|
|
|
|
'action-border-hover': 'var(--color-border-subtle)',
|
|
|
|
|
'action-bg': 'transparent',
|
|
|
|
|
'action-bg-hover': 'color-mix(in srgb, currentColor 10%, transparent)',
|
|
|
|
|
'action-color': 'var(--color-content-secondary)',
|
|
|
|
|
'action-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'delete-size': 'var(--control-height-xs)',
|
|
|
|
|
'delete-radius': 'var(--radius-full)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.52',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-fulfill-solid': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-track': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-text': 'var(--color-fulfill-text)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-text': 'var(--color-risk-text)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-text': 'var(--color-threat-text)',
|
|
|
|
|
'color-loss-solid': 'var(--color-loss-solid)',
|
|
|
|
|
'color-loss-track': 'var(--color-loss-track)',
|
|
|
|
|
'color-loss-border': 'var(--color-loss-border)',
|
|
|
|
|
'color-loss-text': 'var(--color-loss-text)'
|
|
|
|
|
},
|
|
|
|
|
stepper: {
|
|
|
|
|
'gap-sm': 'var(--space-3)',
|
|
|
|
|
'gap-md': 'var(--space-4)',
|
|
|
|
|
'gap-lg': 'var(--space-5)',
|
|
|
|
|
'indicator-size-sm': 'var(--control-height-sm)',
|
|
|
|
|
'indicator-size-md': 'var(--control-height-md)',
|
|
|
|
|
'indicator-size-lg': 'var(--control-height-lg)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
'list-gap': 'var(--space-1)',
|
|
|
|
|
'item-gap': 'var(--space-2)',
|
|
|
|
|
'trigger-gap': 'var(--space-2)',
|
|
|
|
|
'trigger-px': 'var(--space-2)',
|
|
|
|
|
'trigger-py': 'var(--space-1)',
|
|
|
|
|
'trigger-radius': 'var(--radius-md)',
|
|
|
|
|
'trigger-border-width': 'var(--border-width)',
|
|
|
|
|
'trigger-color': 'var(--color-content-secondary)',
|
|
|
|
|
'trigger-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-bg-hover': 'var(--color-surface-overlay)',
|
|
|
|
|
'indicator-radius': 'var(--radius-full)',
|
|
|
|
|
'indicator-border-width': 'var(--border-width)',
|
|
|
|
|
'indicator-border': 'var(--color-border-default)',
|
|
|
|
|
'indicator-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'indicator-color': 'var(--color-content-secondary)',
|
|
|
|
|
'indicator-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'complete-color': 'var(--color-content-on-solid)',
|
|
|
|
|
'separator-min-size': '3rem',
|
|
|
|
|
'separator-thickness': 'var(--border-width-strong)',
|
|
|
|
|
'separator-radius': 'var(--radius-full)',
|
|
|
|
|
'separator-bg': 'var(--color-border-subtle)',
|
|
|
|
|
'content-padding': 'var(--space-4)',
|
|
|
|
|
'content-radius': 'var(--radius-lg)',
|
|
|
|
|
'content-border-width': 'var(--border-width)',
|
|
|
|
|
'content-border': 'var(--color-border-subtle)',
|
|
|
|
|
'content-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'content-shadow': 'var(--shadow-xs)',
|
|
|
|
|
'nav-height': 'var(--control-height-md)',
|
|
|
|
|
'nav-px': 'var(--space-3)',
|
|
|
|
|
'nav-radius': 'var(--radius-md)',
|
|
|
|
|
'nav-border-width': 'var(--border-width)',
|
|
|
|
|
'nav-border': 'var(--color-border-subtle)',
|
|
|
|
|
'nav-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'nav-color': 'var(--color-content-primary)',
|
|
|
|
|
'nav-hover-brightness': '1.04',
|
|
|
|
|
'focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.45',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-fulfill-solid': 'var(--color-fulfill-solid)',
|
|
|
|
|
'color-fulfill-track': 'var(--color-fulfill-track)',
|
|
|
|
|
'color-fulfill-border': 'var(--color-fulfill-border)',
|
|
|
|
|
'color-fulfill-text': 'var(--color-fulfill-text)'
|
|
|
|
|
},
|
|
|
|
|
slider: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'track-size-xs': '3px',
|
|
|
|
|
'track-size-sm': '4px',
|
|
|
|
|
'track-size-md': '6px',
|
|
|
|
|
'track-size-lg': '8px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'track-size-xl': '10px',
|
|
|
|
|
'thumb-size-xs': '12px',
|
|
|
|
|
'thumb-size-sm': '16px',
|
|
|
|
|
'thumb-size-md': '20px',
|
|
|
|
|
'thumb-size-lg': '24px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'thumb-size-xl': '28px',
|
|
|
|
|
'hit-size-xs': '24px',
|
|
|
|
|
'hit-size-sm': '28px',
|
|
|
|
|
'hit-size-md': '32px',
|
|
|
|
|
'hit-size-lg': '36px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'hit-size-xl': '40px',
|
|
|
|
|
'tick-size-xs': '3px',
|
|
|
|
|
'tick-size-sm': '4px',
|
|
|
|
|
'tick-size-md': '5px',
|
|
|
|
|
'tick-size-lg': '6px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'tick-size-xl': '7px',
|
|
|
|
|
'min-inline-size': '12rem',
|
|
|
|
|
'min-block-size': '10rem',
|
|
|
|
|
'track-radius': 'var(--radius-full)',
|
|
|
|
|
'track-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'range-bg': 'var(--color-primary-solid)',
|
|
|
|
|
'thumb-radius': 'var(--radius-full)',
|
|
|
|
|
'thumb-border-width': 'var(--border-width)',
|
|
|
|
|
'thumb-border': 'var(--color-border-default)',
|
|
|
|
|
'thumb-bg': 'var(--color-surface-default)',
|
|
|
|
|
'thumb-shadow': 'var(--shadow-subtle)',
|
|
|
|
|
'thumb-focus-shadow':
|
|
|
|
|
'0 0 0 var(--focus-ring-offset) var(--color-surface-default), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color), var(--slider-thumb-shadow)',
|
|
|
|
|
'tick-radius': 'var(--radius-full)',
|
|
|
|
|
'tick-bg': 'var(--color-neutral-border)',
|
|
|
|
|
'tick-bg-active': 'var(--color-primary-solid)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'disabled-opacity': '0.56'
|
|
|
|
|
},
|
|
|
|
|
switch: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'size-xs-track-width': '26px',
|
|
|
|
|
'size-xs-track-height': '15px',
|
|
|
|
|
'size-xs-thumb-size': '11px',
|
|
|
|
|
'size-xs-thumb-translate': '12px',
|
|
|
|
|
'size-sm-track-width': '32px',
|
|
|
|
|
'size-sm-track-height': '18px',
|
|
|
|
|
'size-sm-thumb-size': '14px',
|
|
|
|
|
'size-sm-thumb-translate': '14px',
|
|
|
|
|
'size-md-track-width': '38px',
|
|
|
|
|
'size-md-track-height': '22px',
|
|
|
|
|
'size-md-thumb-size': '18px',
|
|
|
|
|
'size-md-thumb-translate': '16px',
|
|
|
|
|
'size-lg-track-width': '46px',
|
|
|
|
|
'size-lg-track-height': '28px',
|
|
|
|
|
'size-lg-thumb-size': '24px',
|
|
|
|
|
'size-lg-thumb-translate': '18px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'size-xl-track-width': '54px',
|
|
|
|
|
'size-xl-track-height': '34px',
|
|
|
|
|
'size-xl-thumb-size': '30px',
|
|
|
|
|
'size-xl-thumb-translate': '20px',
|
|
|
|
|
'track-radius': 'var(--radius-full)',
|
|
|
|
|
'track-border-width': 'var(--border-width)',
|
|
|
|
|
'thumb-inset': '1px',
|
|
|
|
|
'thumb-radius': 'var(--radius-full)',
|
|
|
|
|
'thumb-border-width': 'var(--border-width)',
|
|
|
|
|
'thumb-shadow': '0 1px 2px rgb(17 14 10 / 0.12)',
|
|
|
|
|
'focus-ring-offset': 'var(--focus-ring-offset)',
|
|
|
|
|
'focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'focus-ring-surface': 'var(--color-surface-default)',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'track-bg-off': 'var(--color-surface-overlay)',
|
|
|
|
|
'track-bg-off-hover':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 82%, var(--color-surface-raised) )',
|
|
|
|
|
'track-border-off': 'var(--color-border-default)',
|
|
|
|
|
'track-border-off-hover': 'var(--color-border-strong)',
|
|
|
|
|
'track-bg-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 70%, var(--color-surface-default) )',
|
|
|
|
|
'track-border-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-border-default) 70%, var(--color-border-subtle) )',
|
|
|
|
|
'thumb-bg-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-default) 88%, var(--color-surface-raised) )',
|
|
|
|
|
'thumb-border-disabled':
|
|
|
|
|
'color-mix( in srgb, var(--color-border-subtle) 88%, var(--color-surface-overlay) )',
|
|
|
|
|
'disabled-opacity': '0.72',
|
|
|
|
|
'thumb-bg': 'var(--color-surface-default)',
|
|
|
|
|
'thumb-border':
|
|
|
|
|
'color-mix( in srgb, var(--color-border-default) 82%, var(--color-surface-overlay) )',
|
|
|
|
|
'thumb-icon-color': 'var(--color-content-muted)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-solid-hover': 'var(--color-risk-solid-hover)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-solid-hover': 'var(--color-threat-solid-hover)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-hover': 'var(--color-affirm-solid-hover)'
|
|
|
|
|
},
|
|
|
|
|
tabs: {
|
|
|
|
|
'stack-gap': 'var(--space-4)',
|
|
|
|
|
'line-stack-gap': 'var(--space-3)',
|
|
|
|
|
'provider-radius': 'var(--radius-xl)',
|
|
|
|
|
'provider-border-width': 'var(--border-width)',
|
|
|
|
|
'provider-border': 'var(--color-border-default)',
|
|
|
|
|
'provider-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'surface-provider-padding': 'var(--space-3)',
|
|
|
|
|
'surface-provider-shadow': 'var(--shadow-subtle)',
|
|
|
|
|
'list-gap': 'var(--space-1)',
|
|
|
|
|
'list-padding': 'var(--space-1)',
|
|
|
|
|
'list-radius': 'var(--radius-lg)',
|
|
|
|
|
'list-width': '220px',
|
|
|
|
|
'list-bg': 'transparent',
|
|
|
|
|
'list-border-width': 'var(--border-width)',
|
|
|
|
|
'list-border': 'var(--color-border-default)',
|
|
|
|
|
'line-list-padding-inline-end': 'var(--space-2)',
|
|
|
|
|
'surface-list-bg': 'color-mix(in srgb, var(--color-surface-default) 82%, transparent)',
|
|
|
|
|
'pills-list-bg': 'color-mix(in srgb, var(--color-surface-default) 90%, transparent)',
|
|
|
|
|
'trigger-height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'trigger-height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'trigger-height-md': 'var(--control-height-md)',
|
|
|
|
|
'trigger-height-lg': 'var(--control-height-lg)',
|
|
|
|
|
'trigger-px-xs': 'var(--space-2-5)',
|
|
|
|
|
'trigger-px-sm': 'var(--space-3)',
|
|
|
|
|
'trigger-px-md': 'var(--space-3-5)',
|
|
|
|
|
'trigger-px-lg': 'var(--space-4)',
|
|
|
|
|
'trigger-gap-xs': 'var(--space-1)',
|
|
|
|
|
'trigger-gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'trigger-gap-md': 'var(--space-2)',
|
|
|
|
|
'trigger-gap-lg': 'var(--space-2)',
|
|
|
|
|
'trigger-radius': 'var(--radius-md)',
|
|
|
|
|
'trigger-border-width': 'var(--border-width)',
|
|
|
|
|
'trigger-font-family': 'var(--font-ui)',
|
|
|
|
|
'trigger-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'trigger-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'trigger-line-height': 'var(--leading-ui)',
|
|
|
|
|
'trigger-letter-spacing': 'var(--tracking-ui)',
|
|
|
|
|
'trigger-color': 'var(--color-content-secondary)',
|
|
|
|
|
'trigger-color-hover': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-color-active': 'var(--color-content-primary)',
|
|
|
|
|
'trigger-bg': 'transparent',
|
|
|
|
|
'trigger-bg-hover': 'color-mix( in srgb, var(--color-surface-default) 84%, transparent )',
|
|
|
|
|
'trigger-bg-active': 'var(--color-surface-overlay)',
|
|
|
|
|
'trigger-border': 'transparent',
|
|
|
|
|
'trigger-border-active': 'var(--color-primary-border)',
|
|
|
|
|
'trigger-transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'trigger-transition-ease': 'var(--ease-default)',
|
|
|
|
|
'trigger-focus-ring-offset': 'var(--focus-ring-offset)',
|
|
|
|
|
'trigger-focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'trigger-focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'surface-trigger-border-active':
|
|
|
|
|
'color-mix( in srgb, var(--tabs-trigger-border-active) 58%, transparent )',
|
|
|
|
|
'pills-trigger-radius': 'var(--radius-full)',
|
|
|
|
|
'pills-trigger-border-active':
|
|
|
|
|
'color-mix( in srgb, var(--tabs-trigger-border-active) 58%, transparent )',
|
|
|
|
|
'pills-trigger-shadow-active': 'var(--shadow-subtle)',
|
|
|
|
|
'content-padding-xs': 'var(--space-3)',
|
|
|
|
|
'content-padding-sm': 'var(--space-4)',
|
|
|
|
|
'content-padding-md': 'var(--space-5)',
|
|
|
|
|
'content-padding-lg': 'var(--space-6)',
|
|
|
|
|
'content-radius': 'var(--radius-lg)',
|
|
|
|
|
'content-bg': 'transparent',
|
|
|
|
|
'content-border-width': 'var(--border-width)',
|
|
|
|
|
'content-border': 'transparent',
|
|
|
|
|
'content-color': 'var(--color-content-primary)',
|
|
|
|
|
'surface-content-border': 'color-mix( in srgb, var(--tabs-provider-border) 84%, transparent )',
|
|
|
|
|
'surface-content-bg': 'color-mix( in srgb, var(--color-surface-overlay) 92%, transparent )',
|
|
|
|
|
'pills-content-padding-block-start': 'var(--space-2)',
|
|
|
|
|
'disabled-opacity': '0.5',
|
|
|
|
|
'indicator-transition-duration': 'var(--duration-normal)',
|
|
|
|
|
'indicator-transition-ease': 'cubic-bezier(0.32, 0.72, 0, 1)',
|
|
|
|
|
'indicator-line-thickness': '2px',
|
|
|
|
|
'scrollable-fade': '16px'
|
|
|
|
|
},
|
|
|
|
|
toast: {
|
|
|
|
|
'toaster-z': '1200',
|
|
|
|
|
'toaster-inset': 'var(--space-4)',
|
|
|
|
|
'toaster-gap': 'var(--space-3)',
|
|
|
|
|
'toaster-width': '420px',
|
|
|
|
|
'provider-min-width': '280px',
|
|
|
|
|
'provider-max-width': '420px',
|
|
|
|
|
'provider-gap': 'var(--space-3)',
|
|
|
|
|
'provider-stack-gap': 'var(--space-1)',
|
|
|
|
|
'provider-px': 'var(--space-4)',
|
|
|
|
|
'provider-py': 'var(--space-3)',
|
|
|
|
|
'provider-border-width': 'var(--border-width)',
|
|
|
|
|
'provider-radius': 'var(--radius-lg)',
|
|
|
|
|
'provider-shadow': 'var(--shadow-overlay)',
|
|
|
|
|
'accent-width': '3px',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'closed-offset': '10px',
|
|
|
|
|
'closed-scale': '0.98',
|
|
|
|
|
'status-size': '32px',
|
|
|
|
|
'status-radius': 'var(--radius-full)',
|
|
|
|
|
'title-font-family': 'var(--font-ui)',
|
|
|
|
|
'title-font-size': 'var(--font-size-sm)',
|
|
|
|
|
'title-font-weight': 'var(--font-weight-semibold)',
|
|
|
|
|
'title-line-height': 'var(--leading-ui)',
|
|
|
|
|
'title-color': 'var(--color-content-primary)',
|
|
|
|
|
'message-color': 'var(--color-content-primary)',
|
|
|
|
|
'description-font-family': 'var(--font-ui)',
|
|
|
|
|
'description-font-size': 'var(--font-size-xs)',
|
|
|
|
|
'description-line-height': 'var(--leading-prose)',
|
|
|
|
|
'description-color': 'var(--color-content-secondary)',
|
|
|
|
|
'action-gap': 'var(--space-1)',
|
|
|
|
|
'action-px': 'var(--space-2)',
|
|
|
|
|
'action-py': 'var(--space-1)',
|
|
|
|
|
'action-margin-top': 'var(--space-1)',
|
|
|
|
|
'action-border-width': 'var(--border-width)',
|
|
|
|
|
'action-radius': 'var(--radius-md)',
|
|
|
|
|
'action-font-family': 'var(--font-ui)',
|
|
|
|
|
'action-font-size': 'var(--font-size-xs)',
|
|
|
|
|
'action-font-weight': 'var(--font-weight-medium)',
|
|
|
|
|
'action-line-height': 'var(--leading-ui)',
|
|
|
|
|
'action-focus-ring-offset': 'var(--focus-ring-offset)',
|
|
|
|
|
'action-focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'action-focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'close-size': '28px',
|
|
|
|
|
'close-border-width': 'var(--border-width)',
|
|
|
|
|
'close-radius': 'var(--radius-full)',
|
|
|
|
|
'close-bg': 'transparent',
|
|
|
|
|
'close-border': 'transparent',
|
|
|
|
|
'close-color': 'var(--color-content-secondary)',
|
|
|
|
|
'close-hover-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'close-hover-border': 'var(--color-border-subtle)',
|
|
|
|
|
'close-hover-color': 'var(--color-content-primary)',
|
|
|
|
|
'close-focus-ring-offset': 'var(--focus-ring-offset)',
|
|
|
|
|
'close-focus-ring-width': 'var(--focus-ring-width)',
|
|
|
|
|
'close-focus-ring-color': 'var(--focus-ring-color)',
|
|
|
|
|
'default-surface':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 92%, var(--color-neutral-track) )',
|
|
|
|
|
'default-border':
|
|
|
|
|
'color-mix( in srgb, var(--color-neutral-border) 72%, var(--color-border-default) )',
|
|
|
|
|
'default-accent': 'var(--color-neutral-border)',
|
|
|
|
|
'default-status-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'default-status-color': 'var(--color-neutral-text)',
|
|
|
|
|
'default-action-color': 'var(--color-neutral-text)',
|
|
|
|
|
'default-action-hover-bg': 'var(--color-neutral-track)',
|
|
|
|
|
'affirm-surface':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-affirm-track) )',
|
|
|
|
|
'affirm-border':
|
|
|
|
|
'color-mix( in srgb, var(--color-affirm-border) 70%, var(--color-border-default) )',
|
|
|
|
|
'affirm-accent': 'var(--color-affirm-border)',
|
|
|
|
|
'affirm-status-bg': 'var(--color-affirm-track)',
|
|
|
|
|
'affirm-status-color': 'var(--color-affirm-text)',
|
|
|
|
|
'affirm-action-color': 'var(--color-affirm-text)',
|
|
|
|
|
'affirm-action-hover-bg': 'var(--color-affirm-track)',
|
|
|
|
|
'fulfill-surface':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-fulfill-track) )',
|
|
|
|
|
'fulfill-border':
|
|
|
|
|
'color-mix( in srgb, var(--color-fulfill-border) 70%, var(--color-border-default) )',
|
|
|
|
|
'fulfill-accent': 'var(--color-fulfill-border)',
|
|
|
|
|
'fulfill-status-bg': 'var(--color-fulfill-track)',
|
|
|
|
|
'fulfill-status-color': 'var(--color-fulfill-text)',
|
|
|
|
|
'fulfill-action-color': 'var(--color-fulfill-text)',
|
|
|
|
|
'fulfill-action-hover-bg': 'var(--color-fulfill-track)',
|
|
|
|
|
'risk-surface':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-risk-track) )',
|
|
|
|
|
'risk-border':
|
|
|
|
|
'color-mix( in srgb, var(--color-risk-border) 72%, var(--color-border-default) )',
|
|
|
|
|
'risk-accent': 'var(--color-risk-border)',
|
|
|
|
|
'risk-status-bg': 'var(--color-risk-track)',
|
|
|
|
|
'risk-status-color': 'var(--color-risk-text)',
|
|
|
|
|
'risk-action-color': 'var(--color-risk-text)',
|
|
|
|
|
'risk-action-hover-bg': 'var(--color-risk-track)',
|
|
|
|
|
'threat-surface':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-threat-track) )',
|
|
|
|
|
'threat-border':
|
|
|
|
|
'color-mix( in srgb, var(--color-threat-border) 72%, var(--color-border-default) )',
|
|
|
|
|
'threat-accent': 'var(--color-threat-border)',
|
|
|
|
|
'threat-status-bg': 'var(--color-threat-track)',
|
|
|
|
|
'threat-status-color': 'var(--color-threat-text)',
|
|
|
|
|
'threat-action-color': 'var(--color-threat-text)',
|
|
|
|
|
'threat-action-hover-bg': 'var(--color-threat-track)',
|
|
|
|
|
'loss-surface':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 90%, var(--color-loss-track) )',
|
|
|
|
|
'loss-border':
|
|
|
|
|
'color-mix( in srgb, var(--color-loss-border) 72%, var(--color-border-default) )',
|
|
|
|
|
'loss-accent': 'var(--color-loss-border)',
|
|
|
|
|
'loss-status-bg': 'var(--color-loss-track)',
|
|
|
|
|
'loss-status-color': 'var(--color-loss-text)',
|
|
|
|
|
'loss-action-color': 'var(--color-loss-text)',
|
|
|
|
|
'loss-action-hover-bg': 'var(--color-loss-track)'
|
|
|
|
|
},
|
|
|
|
|
toggle: {
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xs': 'var(--control-height-xs)',
|
|
|
|
|
'height-sm': 'var(--control-height-sm)',
|
|
|
|
|
'height-md': 'var(--control-height-md)',
|
|
|
|
|
'height-lg': 'var(--control-height-lg)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'height-xl': 'var(--control-height-xl)',
|
|
|
|
|
'px-xs': 'var(--space-2)',
|
|
|
|
|
'px-sm': 'var(--space-2-5)',
|
|
|
|
|
'px-md': 'var(--space-3-5)',
|
|
|
|
|
'px-lg': 'var(--space-4-5)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'px-xl': 'var(--space-5)',
|
|
|
|
|
'gap-xs': 'var(--space-1)',
|
|
|
|
|
'gap-sm': 'var(--space-1-5)',
|
|
|
|
|
'gap-md': 'var(--space-1-5)',
|
|
|
|
|
'gap-lg': 'var(--space-2)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'gap-xl': 'var(--space-2-5)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'line-height': 'var(--leading-ui)',
|
|
|
|
|
'letter-spacing': 'var(--tracking-normal)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xs': '10px',
|
|
|
|
|
'font-size-sm': '12px',
|
|
|
|
|
'font-size-md': '14px',
|
|
|
|
|
'font-size-lg': '16px',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-size-xl': '18px',
|
|
|
|
|
'font-weight-xs': 'var(--font-weight-medium)',
|
|
|
|
|
'font-weight-sm': 'var(--font-weight-medium)',
|
|
|
|
|
'font-weight-md': 'var(--font-weight-medium)',
|
|
|
|
|
'font-weight-lg': 'var(--font-weight-medium)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'font-weight-xl': 'var(--font-weight-medium)',
|
|
|
|
|
'radius-xs': 'var(--radius-sm)',
|
|
|
|
|
'radius-sm': 'var(--radius-sm)',
|
|
|
|
|
'radius-md': 'var(--radius-md)',
|
|
|
|
|
'radius-lg': 'var(--radius-md)',
|
eidos: theming fixes + size/variant parity batch + docs
- theme: add surface.muted + content.muted to color contract (neutral-3
+ neutral-10). Plugs 17 broken --color-content-muted and 3 broken
--color-surface-muted references in recipes/components.
- form.css: fix --color-neutral-element-hover typo → --color-neutral-hover.
- archetypes.css + events.css: replace raw hsl/rgba indigo with
color-mix(var(--color-primary-solid) …) — no raw colors left in eidos.
- combobox dark scrollbar: unscope ::-webkit-scrollbar rules in uix.css
and duplicate --uix-line on :root + :root[data-mode='dark'] so portaled
overlays (Combobox listbox, Popover, Dialog, Drawer) inherit the theme.
- sizes: 20 components expand from sm/md/lg to xs..xl (form controls,
text inputs, progress/meter, field/form) or xs..lg (nav controls:
breadcrumb, pagination, tag-group, toolbar). Composite panels keep
sm/md/lg deliberately.
- variants: field + toolbar drop arbitrary ControlVariant narrowings;
both expose all 3 (surface | outline | ghost) with new outline CSS.
- pagination demo: disambiguate siblingCount/boundaryCount as "per side"
in label + API table (Radix/MUI convention).
- docs: CHECKLIST §C-2.6 (contract token presence) + §D-7.4 (chip parity)
+ §D-7.5 (size category) added. DEMO_AUTHORING §12.7 (chip parity) +
§12.8 (size category cheatsheet) added. eidos/README +
active_architecture.md sync texts/migration nomenclature.
- PENDIENTES.md: normas N-1..N-5 implantadas en esta sesión.
Verification: 88/88 eidos tests, 0 type errors, 67/67 component:audit PASS.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
5 months ago
|
|
|
'radius-xl': 'var(--radius-md)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
shadow: 'none',
|
|
|
|
|
'transition-duration': 'var(--duration-fast)',
|
|
|
|
|
'transition-ease': 'var(--ease-default)',
|
|
|
|
|
'color-primary-track': 'var(--color-primary-track)',
|
|
|
|
|
'color-primary-element': 'var(--color-primary-element)',
|
|
|
|
|
'color-primary-hover': 'var(--color-primary-hover)',
|
|
|
|
|
'color-primary-border': 'var(--color-primary-border)',
|
|
|
|
|
'color-primary-solid': 'var(--color-primary-solid)',
|
|
|
|
|
'color-primary-solid-hover': 'var(--color-primary-solid-hover)',
|
|
|
|
|
'color-primary-text': 'var(--color-primary-text)',
|
|
|
|
|
'color-primary-contrast': 'var(--color-primary-contrast)',
|
|
|
|
|
'color-neutral-track': 'var(--color-neutral-track)',
|
|
|
|
|
'color-neutral-element': 'var(--color-neutral-element)',
|
|
|
|
|
'color-neutral-hover': 'var(--color-neutral-hover)',
|
|
|
|
|
'color-neutral-border': 'var(--color-neutral-border)',
|
|
|
|
|
'color-neutral-solid': 'var(--color-neutral-solid)',
|
|
|
|
|
'color-neutral-solid-hover': 'var(--color-neutral-solid-hover)',
|
|
|
|
|
'color-neutral-text': 'var(--color-neutral-text)',
|
|
|
|
|
'color-neutral-contrast': 'var(--color-neutral-contrast)',
|
|
|
|
|
'color-risk-track': 'var(--color-risk-track)',
|
|
|
|
|
'color-risk-element': 'var(--color-risk-element)',
|
|
|
|
|
'color-risk-hover': 'var(--color-risk-hover)',
|
|
|
|
|
'color-risk-border': 'var(--color-risk-border)',
|
|
|
|
|
'color-risk-solid': 'var(--color-risk-solid)',
|
|
|
|
|
'color-risk-solid-hover': 'var(--color-risk-solid-hover)',
|
|
|
|
|
'color-risk-text': 'var(--color-risk-text)',
|
|
|
|
|
'color-risk-contrast': 'var(--color-risk-contrast)',
|
|
|
|
|
'color-threat-track': 'var(--color-threat-track)',
|
|
|
|
|
'color-threat-element': 'var(--color-threat-element)',
|
|
|
|
|
'color-threat-hover': 'var(--color-threat-hover)',
|
|
|
|
|
'color-threat-border': 'var(--color-threat-border)',
|
|
|
|
|
'color-threat-solid': 'var(--color-threat-solid)',
|
|
|
|
|
'color-threat-solid-hover': 'var(--color-threat-solid-hover)',
|
|
|
|
|
'color-threat-text': 'var(--color-threat-text)',
|
|
|
|
|
'color-threat-contrast': 'var(--color-threat-contrast)',
|
|
|
|
|
'color-secondary-track': 'var(--color-secondary-track)',
|
|
|
|
|
'color-secondary-element': 'var(--color-secondary-element)',
|
|
|
|
|
'color-secondary-hover': 'var(--color-secondary-hover)',
|
|
|
|
|
'color-secondary-border': 'var(--color-secondary-border)',
|
|
|
|
|
'color-secondary-solid': 'var(--color-secondary-solid)',
|
|
|
|
|
'color-secondary-solid-hover': 'var(--color-secondary-solid-hover)',
|
|
|
|
|
'color-secondary-text': 'var(--color-secondary-text)',
|
|
|
|
|
'color-secondary-contrast': 'var(--color-secondary-contrast)',
|
|
|
|
|
'color-affirm-track': 'var(--color-affirm-track)',
|
|
|
|
|
'color-affirm-element': 'var(--color-affirm-element)',
|
|
|
|
|
'color-affirm-hover': 'var(--color-affirm-hover)',
|
|
|
|
|
'color-affirm-border': 'var(--color-affirm-border)',
|
|
|
|
|
'color-affirm-solid': 'var(--color-affirm-solid)',
|
|
|
|
|
'color-affirm-solid-hover': 'var(--color-affirm-solid-hover)',
|
|
|
|
|
'color-affirm-text': 'var(--color-affirm-text)',
|
|
|
|
|
'color-affirm-contrast': 'var(--color-affirm-contrast)',
|
|
|
|
|
'palette-track': 'var(--toggle-color-neutral-track)',
|
|
|
|
|
'palette-element': 'var(--toggle-color-neutral-element)',
|
|
|
|
|
'palette-hover': 'var(--toggle-color-neutral-hover)',
|
|
|
|
|
'palette-border': 'var(--toggle-color-neutral-border)',
|
|
|
|
|
'palette-solid': 'var(--toggle-color-neutral-solid)',
|
|
|
|
|
'palette-solid-hover': 'var(--toggle-color-neutral-solid-hover)',
|
|
|
|
|
'palette-text': 'var(--toggle-color-neutral-text)',
|
|
|
|
|
'palette-contrast': 'var(--toggle-color-neutral-contrast)',
|
|
|
|
|
'solid-bg': 'var(--color-surface-raised)',
|
|
|
|
|
'solid-fg': 'var(--color-content-primary)',
|
|
|
|
|
'solid-border': 'var(--color-border-default)',
|
|
|
|
|
'solid-hover-bg':
|
|
|
|
|
'color-mix( in srgb, var(--color-surface-overlay) 68%, var(--toggle-palette-track) )',
|
|
|
|
|
'solid-hover-border':
|
|
|
|
|
'color-mix( in srgb, var(--toggle-palette-border) 45%, var(--color-border-strong) )',
|
|
|
|
|
'solid-on-bg': 'var(--toggle-palette-solid)',
|
|
|
|
|
'solid-on-fg': 'var(--toggle-palette-contrast)',
|
|
|
|
|
'solid-on-border': 'var(--toggle-palette-solid)',
|
|
|
|
|
'solid-on-hover-bg': 'var(--toggle-palette-solid-hover)',
|
|
|
|
|
'solid-on-hover-border': 'var(--toggle-palette-solid-hover)',
|
|
|
|
|
'outline-bg': 'transparent',
|
|
|
|
|
'outline-fg': 'var(--toggle-palette-text)',
|
|
|
|
|
'outline-border':
|
|
|
|
|
'color-mix( in srgb, var(--toggle-palette-border) 88%, var(--color-border-default) )',
|
|
|
|
|
'outline-hover-bg': 'var(--toggle-palette-track)',
|
|
|
|
|
'outline-hover-border':
|
|
|
|
|
'color-mix( in srgb, var(--toggle-palette-border) 100%, var(--color-border-default) )',
|
|
|
|
|
'outline-on-bg':
|
|
|
|
|
'color-mix( in srgb, var(--toggle-palette-element) 100%, var(--color-surface-raised) )',
|
|
|
|
|
'outline-on-fg': 'var(--toggle-palette-text)',
|
|
|
|
|
'outline-on-border': 'var(--toggle-palette-border)',
|
|
|
|
|
'outline-on-hover-bg': 'var(--toggle-palette-hover)',
|
|
|
|
|
'outline-on-hover-border': 'var(--toggle-palette-border)',
|
|
|
|
|
'ghost-bg': 'transparent',
|
|
|
|
|
'ghost-fg': 'var(--toggle-palette-text)',
|
|
|
|
|
'ghost-border': 'transparent',
|
|
|
|
|
'ghost-hover-bg': 'color-mix(in srgb, var(--toggle-palette-track) 72%, transparent)',
|
|
|
|
|
'ghost-hover-border': 'transparent',
|
|
|
|
|
'ghost-on-bg': 'var(--toggle-palette-track)',
|
|
|
|
|
'ghost-on-fg': 'var(--toggle-palette-text)',
|
|
|
|
|
'ghost-on-border': 'color-mix( in srgb, var(--toggle-palette-border) 72%, transparent )',
|
|
|
|
|
'ghost-on-hover-bg': 'var(--toggle-palette-element)',
|
|
|
|
|
'ghost-on-hover-border': 'color-mix( in srgb, var(--toggle-palette-border) 88%, transparent )',
|
|
|
|
|
'disabled-opacity': '0.45'
|
|
|
|
|
},
|
|
|
|
|
tooltip: {
|
|
|
|
|
'content-z': '76',
|
|
|
|
|
'max-width': '22rem',
|
|
|
|
|
'padding-y-sm': 'var(--space-1)',
|
|
|
|
|
'padding-x-sm': 'var(--space-2)',
|
|
|
|
|
'padding-y-md': 'var(--space-1-5)',
|
|
|
|
|
'padding-x-md': 'var(--space-2-5)',
|
|
|
|
|
'padding-y-lg': 'var(--space-2)',
|
|
|
|
|
'padding-x-lg': 'var(--space-3)',
|
|
|
|
|
'font-size-sm': 'var(--font-size-xs)',
|
|
|
|
|
'font-size-md': 'var(--font-size-sm)',
|
|
|
|
|
'font-size-lg': 'var(--font-size-md)',
|
|
|
|
|
'font-family': 'var(--font-ui)',
|
|
|
|
|
'font-weight': 'var(--font-weight-regular)',
|
|
|
|
|
'line-height': 'var(--leading-text)',
|
|
|
|
|
radius: 'var(--radius-md)',
|
|
|
|
|
'border-width': 'var(--border-width)',
|
|
|
|
|
bg: 'var(--color-surface-overlay)',
|
|
|
|
|
color: 'var(--color-content-primary)',
|
|
|
|
|
border: 'color-mix( in srgb, var(--color-border-default) 84%, var(--tooltip-bg) )',
|
|
|
|
|
shadow: 'var(--shadow-overlay)'
|
|
|
|
|
}
|
|
|
|
|
} as const satisfies RecipeTokenSet;
|
