All tokens

This is the complete public surface of @nizivo/tokens, from contract.json. Primitives (--nz-p-*) are not public and are not listed.

color 77

Token	Value
--nz-bg-accent	light-dark(var(--nz-p-lime-300), var(--nz-p-lime-400))
--nz-bg-accent-hover	light-dark(var(--nz-p-lime-400), var(--nz-p-lime-300))
--nz-bg-accent-pressed	light-dark(var(--nz-p-lime-500), var(--nz-p-lime-200))
--nz-bg-accent-subtle	light-dark(var(--nz-p-lime-50), var(--nz-p-green-950))
--nz-bg-brand	light-dark(var(--nz-p-green-700), var(--nz-p-green-400))
--nz-bg-brand-hover	light-dark(var(--nz-p-green-800), var(--nz-p-green-300))
--nz-bg-brand-muted	light-dark(var(--nz-p-green-100), var(--nz-p-green-900))
--nz-bg-brand-pressed	light-dark(var(--nz-p-green-900), var(--nz-p-green-200))
--nz-bg-brand-subtle	light-dark(var(--nz-p-green-50), var(--nz-p-green-950))
--nz-bg-canvas	light-dark(var(--nz-p-neutral-50), var(--nz-p-neutral-950))
--nz-bg-code	light-dark(var(--nz-p-neutral-900), var(--nz-p-neutral-950))
--nz-bg-code-elevated	var(--nz-p-neutral-850)
--nz-bg-critical	var(--nz-p-red-600)
--nz-bg-critical-hover	var(--nz-p-red-700)
--nz-bg-critical-subtle	light-dark(var(--nz-p-red-50), var(--nz-p-neutral-850))
--nz-bg-disabled	light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800))
--nz-bg-hover	light-dark(var(--nz-p-neutral-50), var(--nz-p-neutral-800))
--nz-bg-info-subtle	light-dark(var(--nz-p-blue-50), var(--nz-p-neutral-850))
--nz-bg-inverse	light-dark(var(--nz-p-neutral-900), var(--nz-p-neutral-0))
--nz-bg-inverse-elevated	light-dark(var(--nz-p-neutral-850), var(--nz-p-neutral-100))
--nz-bg-muted	light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800))
--nz-bg-pressed	light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-700))
--nz-bg-scrim	light-dark(rgb(24 27 25 / 0.32), rgb(0 0 0 / 0.6))
--nz-bg-subtle	light-dark(var(--nz-p-neutral-25), var(--nz-p-neutral-925))
--nz-bg-success-subtle	light-dark(var(--nz-p-green-50), var(--nz-p-green-950))
--nz-bg-surface	light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-900))
--nz-bg-surface-raised	light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-850))
--nz-bg-warning-subtle	light-dark(var(--nz-p-amber-50), var(--nz-p-neutral-850))
--nz-border-brand	light-dark(var(--nz-p-green-600), var(--nz-p-green-400))
--nz-border-control	light-dark(var(--nz-p-neutral-450), var(--nz-p-neutral-500))
--nz-border-control-hover	light-dark(var(--nz-p-neutral-500), var(--nz-p-neutral-400))
--nz-border-critical	var(--nz-p-red-500)
--nz-border-default	light-dark(var(--nz-p-neutral-200), var(--nz-p-neutral-700))
--nz-border-focus	light-dark(var(--nz-p-green-500), var(--nz-p-green-300))
--nz-border-strong	light-dark(var(--nz-p-neutral-300), var(--nz-p-neutral-600))
--nz-border-subtle	light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800))
--nz-border-warning	light-dark(var(--nz-p-amber-600), var(--nz-p-amber-500))
--nz-chart-cat-1	light-dark(var(--nz-p-green-700), var(--nz-p-viz-green-600))
--nz-chart-cat-2	light-dark(var(--nz-p-lime-600), var(--nz-p-viz-lime-600))
--nz-chart-cat-3	light-dark(var(--nz-p-viz-teal-500), var(--nz-p-viz-teal-400))
--nz-chart-critical	var(--nz-p-red-500)
--nz-chart-grid	light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-850))
--nz-chart-negative	var(--nz-p-red-500)
--nz-chart-neutral	light-dark(var(--nz-p-neutral-500), var(--nz-p-neutral-400))
--nz-chart-primary	light-dark(var(--nz-p-green-600), var(--nz-p-green-300))
--nz-chart-secondary	light-dark(var(--nz-p-green-400), var(--nz-p-green-500))
--nz-chart-success	light-dark(var(--nz-p-green-500), var(--nz-p-green-300))
--nz-chart-tertiary	light-dark(var(--nz-p-lime-600), var(--nz-p-lime-400))
--nz-chart-track	light-dark(var(--nz-p-neutral-100), var(--nz-p-neutral-800))
--nz-chart-warning	light-dark(var(--nz-p-amber-600), var(--nz-p-amber-500))
--nz-elevation-highlight	transparent
--nz-elevation-ring	light-dark(transparent, rgb(255 255 255 / 0.08))
--nz-icon-brand	light-dark(var(--nz-p-green-600), var(--nz-p-green-300))
--nz-icon-critical	light-dark(var(--nz-p-red-500), var(--nz-p-red-400))
--nz-icon-info	light-dark(var(--nz-p-blue-600), var(--nz-p-blue-400))
--nz-icon-inverse	light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-900))
--nz-icon-primary	light-dark(var(--nz-p-neutral-800), var(--nz-p-neutral-100))
--nz-icon-secondary	light-dark(var(--nz-p-neutral-500), var(--nz-p-neutral-400))
--nz-icon-success	light-dark(var(--nz-p-green-500), var(--nz-p-green-300))
--nz-icon-warning	light-dark(var(--nz-p-amber-600), var(--nz-p-amber-500))
--nz-text-brand	light-dark(var(--nz-p-green-700), var(--nz-p-green-300))
--nz-text-code	var(--nz-p-neutral-50)
--nz-text-code-muted	var(--nz-p-neutral-400)
--nz-text-critical	light-dark(var(--nz-p-red-600), var(--nz-p-red-400))
--nz-text-disabled	light-dark(var(--nz-p-neutral-400), var(--nz-p-neutral-600))
--nz-text-info	light-dark(var(--nz-p-blue-600), var(--nz-p-blue-400))
--nz-text-inverse	light-dark(var(--nz-p-neutral-0), var(--nz-p-neutral-900))
--nz-text-inverse-accent	light-dark(var(--nz-p-lime-300), var(--nz-p-green-700))
--nz-text-on-accent	var(--nz-p-green-950)
--nz-text-on-brand	light-dark(var(--nz-p-neutral-0), var(--nz-p-green-950))
--nz-text-on-critical	var(--nz-p-neutral-0)
--nz-text-on-dark	var(--nz-p-neutral-0)
--nz-text-primary	light-dark(var(--nz-p-neutral-900), var(--nz-p-neutral-50))
--nz-text-secondary	light-dark(var(--nz-p-neutral-700), var(--nz-p-neutral-300))
--nz-text-success	light-dark(var(--nz-p-green-600), var(--nz-p-green-300))
--nz-text-tertiary	light-dark(var(--nz-p-neutral-600), var(--nz-p-neutral-400))
--nz-text-warning	light-dark(var(--nz-p-amber-700), var(--nz-p-amber-500))

cubicBezier 3

Token	Value
--nz-easing-enter	cubic-bezier(0, 0, 0, 1)
--nz-easing-exit	cubic-bezier(0.3, 0, 1, 1)
--nz-easing-standard	cubic-bezier(0.2, 0, 0, 1)

dimension 44

Token	Value
--nz-border-width-default	1px
--nz-border-width-focus	2px
--nz-distance-float	0.5rem
--nz-distance-lift	0.25rem
--nz-distance-reveal	0.75rem
--nz-grid-gutter	1rem
--nz-grid-margin	1rem
--nz-layout-content-max	22.375rem
--nz-layout-sidebar	0rem
--nz-magnetic-pull	0.375rem
--nz-radius-2xl	1.75rem
--nz-radius-full	62.4375rem
--nz-radius-lg	1rem
--nz-radius-md	0.75rem
--nz-radius-none	0rem
--nz-radius-sm	0.5rem
--nz-radius-xl	1.25rem
--nz-radius-xs	0.25rem
--nz-section-gap	1.25rem
--nz-size-control-lg	3rem
--nz-size-control-md	2.5rem
--nz-size-control-sm	2rem
--nz-size-icon-lg	1.5rem
--nz-size-icon-md	1.25rem
--nz-size-icon-sm	1rem
--nz-size-touch-min	2.75rem
--nz-space-0	0rem
--nz-space-0-5	0.125rem
--nz-space-1	0.25rem
--nz-space-1-5	0.375rem
--nz-space-2	0.5rem
--nz-space-3	0.75rem
--nz-space-4	1rem
--nz-space-5	1.25rem
--nz-space-6	1.5rem
--nz-space-8	2rem
--nz-space-10	2.5rem
--nz-space-12	3rem
--nz-space-16	4rem
--nz-space-20	5rem
--nz-space-24	6rem
--nz-type-display	2.25rem
--nz-type-h1	1.5rem
--nz-type-kpi	1.75rem

duration 13

Token	Value
--nz-duration-base	220ms
--nz-duration-chart-draw	700ms
--nz-duration-count-up	900ms
--nz-duration-fade	140ms
--nz-duration-fast	140ms
--nz-duration-instant	80ms
--nz-duration-pulse	2000ms
--nz-duration-slow	320ms
--nz-duration-slower	480ms
--nz-duration-spin	800ms
--nz-duration-spring	493ms
--nz-duration-spring-soft	702ms
--nz-stagger-item	40ms

fontFamily 2

Token	Value
--nz-font-family-mono	var(--font-geist-mono, "Geist Mono"), ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace
--nz-font-family-sans	var(--font-geist-sans, "Geist"), ui-sans-serif, system-ui, sans-serif

number 10

Token	Value
--nz-grid-columns	4
--nz-scale-enter	0.96
--nz-scale-hover	1.02
--nz-scale-press	0.98
--nz-tilt-max-deg	6
--nz-z-chrome	200
--nz-z-overlay	1000
--nz-z-raised	1
--nz-z-sticky	100
--nz-z-toast	1100

shadow 10

Token	Value
--nz-elevation-0	0 0 0 0 transparent
--nz-elevation-1	0 0 0 1px var(--nz-elevation-ring), 0 1px 1px 0 light-dark(rgb(16 19 17 / 0.03), rgb(0 0 0 / 0.18)), 0 1px 2px 0 light-dark(rgb(16 19 17 / 0.04), rgb(0 0 0 / 0.24))
--nz-elevation-2	0 0 0 1px var(--nz-elevation-ring), 0 8px 16px -4px light-dark(rgb(16 19 17 / 0.05), rgb(0 0 0 / 0.3)), 0 2px 4px 0 light-dark(rgb(16 19 17 / 0.04), rgb(0 0 0 / 0.24))
--nz-elevation-3	inset 0 1px 0 0 var(--nz-elevation-highlight), 0 0 0 1px var(--nz-elevation-ring), 0 16px 32px -8px light-dark(rgb(16 19 17 / 0.08), rgb(0 0 0 / 0.48)), 0 4px 8px 0 light-dark(rgb(16 19 17 / 0.05), rgb(0 0 0 / 0.3))
--nz-elevation-4	inset 0 1px 0 0 var(--nz-elevation-highlight), 0 0 0 1px var(--nz-elevation-ring), 0 32px 64px -12px light-dark(rgb(16 19 17 / 0.14), rgb(0 0 0 / 0.6)), 0 8px 16px 0 light-dark(rgb(16 19 17 / 0.06), rgb(0 0 0 / 0.36))
--nz-elevation-button	inset 0 1px 0 0 rgb(255 255 255 / 0.16), 0 1px 2px 0 rgb(10 33 26 / 0.18)
--nz-focus-ring	0 0 0 2px var(--nz-bg-surface), 0 0 0 4px var(--nz-border-focus), 0 0 0 8px rgb(46 130 88 / 0.16)
--nz-focus-ring-critical	0 0 0 2px var(--nz-bg-surface), 0 0 0 4px var(--nz-border-focus), 0 0 0 8px rgb(214 74 46 / 0.22)
--nz-focus-ring-raised	0 1px 2px 0 rgb(10 33 26 / 0.18), inset 0 1px 0 0 rgb(255 255 255 / 0.16), 0 0 0 2px var(--nz-bg-surface), 0 0 0 4px var(--nz-border-focus), 0 0 0 8px rgb(46 130 88 / 0.16)
--nz-surface-inner-highlight	inset 0 1px 0 0 rgb(255 255 255 / 0.7)

string 6

Token	Value
--nz-css-version	"0.3.0"
--nz-easing-spring	linear(0, 0.007 1.5%, 0.027 3.1%, 0.06 4.8%, 0.108 6.7%, 0.211 10%, 0.559 20.2%, 0.658 23.5%, 0.742 26.7%, 0.811 29.8%, 0.868 32.9%, 0.916 36.1%, 0.954 39.4%, 0.985 43%, 1.007 46.9%, 1.022 51.1%, 1.029 55.9%, 1.029 63.7%, 1)
--nz-easing-spring-soft	linear(0, 0.006 1.2%, 0.021 2.4%, 0.083 5.2%, 0.161 7.8%, 0.462 17%, 0.555 20.3%, 0.637 23.6%, 0.706 26.9%, 0.766 30.3%, 0.817 33.9%, 0.86 37.7%, 0.898 42.1%, 0.929 47%, 0.953 52.5%, 0.971 58.7%, 0.991 73.9%, 1)
--nz-focus-halo	color-mix(in oklab, var(--nz-border-focus) 28%, transparent)
--nz-focus-halo-critical	color-mix(in oklab, var(--nz-border-critical) 28%, transparent)
--nz-scheme-inverse	dark

typography 120

Token	Value
--nz-font-body-l	var(--nz-font-body-l-font-weight) var(--nz-font-body-l-font-size)/var(--nz-font-body-l-line-height) var(--nz-font-body-l-font-family)
--nz-font-body-l-font-family	var(--nz-font-family-sans)
--nz-font-body-l-font-size	1rem
--nz-font-body-l-font-weight	400
--nz-font-body-l-line-height	1.6
--nz-font-body-m	var(--nz-font-body-m-font-weight) var(--nz-font-body-m-font-size)/var(--nz-font-body-m-line-height) var(--nz-font-body-m-font-family)
--nz-font-body-m-font-family	var(--nz-font-family-sans)
--nz-font-body-m-font-size	0.875rem
--nz-font-body-m-font-weight	400
--nz-font-body-m-line-height	1.5
--nz-font-body-m-strong	var(--nz-font-body-m-strong-font-weight) var(--nz-font-body-m-strong-font-size)/var(--nz-font-body-m-strong-line-height) var(--nz-font-body-m-strong-font-family)
--nz-font-body-m-strong-font-family	var(--nz-font-family-sans)
--nz-font-body-m-strong-font-size	0.875rem
--nz-font-body-m-strong-font-weight	500
--nz-font-body-m-strong-line-height	1.5
--nz-font-body-s	var(--nz-font-body-s-font-weight) var(--nz-font-body-s-font-size)/var(--nz-font-body-s-line-height) var(--nz-font-body-s-font-family)
--nz-font-body-s-font-family	var(--nz-font-family-sans)
--nz-font-body-s-font-size	0.75rem
--nz-font-body-s-font-weight	400
--nz-font-body-s-line-height	1.5
--nz-font-display-l	var(--nz-font-display-l-font-weight) var(--nz-font-display-l-font-size)/var(--nz-font-display-l-line-height) var(--nz-font-display-l-font-family)
--nz-font-display-l-font-family	var(--nz-font-family-sans)
--nz-font-display-l-font-size	3.5rem
--nz-font-display-l-font-weight	600
--nz-font-display-l-line-height	1.04
--nz-font-display-m	var(--nz-font-display-m-font-weight) var(--nz-font-display-m-font-size)/var(--nz-font-display-m-line-height) var(--nz-font-display-m-font-family)
--nz-font-display-m-font-family	var(--nz-font-family-sans)
--nz-font-display-m-font-size	2.75rem
--nz-font-display-m-font-weight	600
--nz-font-display-m-line-height	1.08
--nz-font-heading-h1	var(--nz-font-heading-h1-font-weight) var(--nz-font-heading-h1-font-size)/var(--nz-font-heading-h1-line-height) var(--nz-font-heading-h1-font-family)
--nz-font-heading-h1-font-family	var(--nz-font-family-sans)
--nz-font-heading-h1-font-size	2rem
--nz-font-heading-h1-font-weight	600
--nz-font-heading-h1-line-height	1.2
--nz-font-heading-h2	var(--nz-font-heading-h2-font-weight) var(--nz-font-heading-h2-font-size)/var(--nz-font-heading-h2-line-height) var(--nz-font-heading-h2-font-family)
--nz-font-heading-h2-font-family	var(--nz-font-family-sans)
--nz-font-heading-h2-font-size	1.5rem
--nz-font-heading-h2-font-weight	600
--nz-font-heading-h2-line-height	1.3
--nz-font-heading-h3	var(--nz-font-heading-h3-font-weight) var(--nz-font-heading-h3-font-size)/var(--nz-font-heading-h3-line-height) var(--nz-font-heading-h3-font-family)
--nz-font-heading-h3-font-family	var(--nz-font-family-sans)
--nz-font-heading-h3-font-size	1.25rem
--nz-font-heading-h3-font-weight	600
--nz-font-heading-h3-line-height	1.4
--nz-font-heading-h4	var(--nz-font-heading-h4-font-weight) var(--nz-font-heading-h4-font-size)/var(--nz-font-heading-h4-line-height) var(--nz-font-heading-h4-font-family)
--nz-font-heading-h4-font-family	var(--nz-font-family-sans)
--nz-font-heading-h4-font-size	1rem
--nz-font-heading-h4-font-weight	600
--nz-font-heading-h4-line-height	1.5
--nz-font-label-l	var(--nz-font-label-l-font-weight) var(--nz-font-label-l-font-size)/var(--nz-font-label-l-line-height) var(--nz-font-label-l-font-family)
--nz-font-label-l-font-family	var(--nz-font-family-sans)
--nz-font-label-l-font-size	1rem
--nz-font-label-l-font-weight	500
--nz-font-label-l-line-height	1.4
--nz-font-label-m	var(--nz-font-label-m-font-weight) var(--nz-font-label-m-font-size)/var(--nz-font-label-m-line-height) var(--nz-font-label-m-font-family)
--nz-font-label-m-font-family	var(--nz-font-family-sans)
--nz-font-label-m-font-size	0.875rem
--nz-font-label-m-font-weight	500
--nz-font-label-m-line-height	1.4
--nz-font-label-m-strong	var(--nz-font-label-m-strong-font-weight) var(--nz-font-label-m-strong-font-size)/var(--nz-font-label-m-strong-line-height) var(--nz-font-label-m-strong-font-family)
--nz-font-label-m-strong-font-family	var(--nz-font-family-sans)
--nz-font-label-m-strong-font-size	0.875rem
--nz-font-label-m-strong-font-weight	600
--nz-font-label-m-strong-line-height	1.4
--nz-font-label-s	var(--nz-font-label-s-font-weight) var(--nz-font-label-s-font-size)/var(--nz-font-label-s-line-height) var(--nz-font-label-s-font-family)
--nz-font-label-s-font-family	var(--nz-font-family-sans)
--nz-font-label-s-font-size	0.75rem
--nz-font-label-s-font-weight	500
--nz-font-label-s-line-height	1.4
--nz-font-mono-m	var(--nz-font-mono-m-font-weight) var(--nz-font-mono-m-font-size)/var(--nz-font-mono-m-line-height) var(--nz-font-mono-m-font-family)
--nz-font-mono-m-font-family	var(--nz-font-family-mono)
--nz-font-mono-m-font-size	0.875rem
--nz-font-mono-m-font-weight	400
--nz-font-mono-m-line-height	1.4
--nz-font-mono-m-strong	var(--nz-font-mono-m-strong-font-weight) var(--nz-font-mono-m-strong-font-size)/var(--nz-font-mono-m-strong-line-height) var(--nz-font-mono-m-strong-font-family)
--nz-font-mono-m-strong-font-family	var(--nz-font-family-mono)
--nz-font-mono-m-strong-font-size	0.875rem
--nz-font-mono-m-strong-font-weight	500
--nz-font-mono-m-strong-line-height	1.4
--nz-font-numeric-display	var(--nz-font-numeric-display-font-weight) var(--nz-font-numeric-display-font-size)/var(--nz-font-numeric-display-line-height) var(--nz-font-numeric-display-font-family)
--nz-font-numeric-display-font-family	var(--nz-font-family-sans)
--nz-font-numeric-display-font-size	2.5rem
--nz-font-numeric-display-font-weight	600
--nz-font-numeric-display-line-height	1
--nz-font-numeric-kpi	var(--nz-font-numeric-kpi-font-weight) var(--nz-font-numeric-kpi-font-size)/var(--nz-font-numeric-kpi-line-height) var(--nz-font-numeric-kpi-font-family)
--nz-font-numeric-kpi-font-family	var(--nz-font-family-sans)
--nz-font-numeric-kpi-font-size	2rem
--nz-font-numeric-kpi-font-weight	600
--nz-font-numeric-kpi-line-height	1
--nz-font-numeric-l	var(--nz-font-numeric-l-font-weight) var(--nz-font-numeric-l-font-size)/var(--nz-font-numeric-l-line-height) var(--nz-font-numeric-l-font-family)
--nz-font-numeric-l-font-family	var(--nz-font-family-sans)
--nz-font-numeric-l-font-size	1.5rem
--nz-font-numeric-l-font-weight	600
--nz-font-numeric-l-line-height	1.1
--nz-font-numeric-m	var(--nz-font-numeric-m-font-weight) var(--nz-font-numeric-m-font-size)/var(--nz-font-numeric-m-line-height) var(--nz-font-numeric-m-font-family)
--nz-font-numeric-m-font-family	var(--nz-font-family-sans)
--nz-font-numeric-m-font-size	1rem
--nz-font-numeric-m-font-weight	500
--nz-font-numeric-m-line-height	1.2
--nz-tracking-body-l	0em
--nz-tracking-body-m	0em
--nz-tracking-body-m-strong	0em
--nz-tracking-body-s	0em
--nz-tracking-display-l	-0.03em
--nz-tracking-display-m	-0.025em
--nz-tracking-heading-h1	-0.02em
--nz-tracking-heading-h2	-0.015em
--nz-tracking-heading-h3	-0.01em
--nz-tracking-heading-h4	-0.005em
--nz-tracking-label-l	-0.002em
--nz-tracking-label-m	0em
--nz-tracking-label-m-strong	0em
--nz-tracking-label-s	0em
--nz-tracking-mono-m	0em
--nz-tracking-mono-m-strong	0em
--nz-tracking-numeric-display	-0.03em
--nz-tracking-numeric-kpi	-0.025em
--nz-tracking-numeric-l	-0.015em
--nz-tracking-numeric-m	-0.005em