Audit

components/accordion — Failed

• token-values: components/accordion/accordion.css: transition: transform .18s cubic-bezier(.3,.7,.3,1) [duration] — raw duration: .18s

components/accordion-gallery — Failed

• token-values: components/accordion-gallery/accordion-gallery.css: transition: flex .55s cubic-bezier(.6,0,.2,1) [duration] — raw duration: .55s
• token-values: components/accordion-gallery/accordion-gallery.css: transition: flex .55s cubic-bezier(.6,0,.2,1) [easing] — raw easing: cubic-bezier(.6,0,.2,1)
• token-values: components/accordion-gallery/accordion-gallery.css: transition: opacity .3s .18s [duration] — raw duration: .3s; raw duration: .18s

components/alert — Passed

No failed static checks.

components/alert-dialog — Failed

• token-values: components/alert-dialog/alert-dialog.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: components/alert-dialog/alert-dialog.css: box-shadow: 0 30px 80px -20px rgba(0,0,0,.4) [shadow] — raw shadow: 30px; raw shadow: 80px; raw shadow: -20px; raw color: rgba(0,0,0,.4)
• token-values: components/alert-dialog/alert-dialog.css: background: rgba(24,24,27,.45) [color] — raw color: rgba(24,24,27,.45)
• js-single-instance: document.querySelector('[data-alert-dialog]
• js-single-instance: document.querySelector('[data-alert-open]
• js-global-bindings: const alertDlg

components/aspect-ratio — Failed

• token-values: components/aspect-ratio/aspect-ratio.css: border-radius: 12px [radius] — raw radius: 12px

components/aurora — Failed

• token-values: components/aurora/aurora.css: animation: k-aur-a 9s var(--k-ease) infinite alternate [duration] — raw duration: 9s
• token-values: components/aurora/aurora.css: animation: k-aur-b 12s var(--k-ease) infinite alternate [duration] — raw duration: 12s
• token-values: components/aurora/aurora.css: animation: k-aur-c 11s var(--k-ease) infinite alternate [duration] — raw duration: 11s
• token-values: components/aurora/aurora.css: animation: k-aur-pat 26s linear infinite alternate [duration] — raw duration: 26s
• token-values: components/aurora/aurora.css: animation: k-aur-pat 26s linear infinite alternate [easing] — raw easing: linear

components/avatar — Failed

• token-values: components/avatar/avatar.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/avatar/avatar.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/avatar/avatar.css: border: 2px solid var(--k-bg) [border] — raw border: 2px
• token-values: components/avatar/avatar.css: border: 2px solid var(--k-bg) [border] — raw border: 2px
• focus-visible: combos.html: <button> btn btn-sec btn-sm
• focus-visible: combos.html: <button> btn btn-ghost btn-sm

components/badge — Failed

• token-values: components/badge/badge.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/badge/badge.css: border-radius: 50% [radius] — raw radius: 50%

components/bar-chart — Failed

• token-values: components/bar-chart/bar-chart.css: border-bottom: 2px solid var(--k-line) [border] — raw border: 2px
• token-values: components/bar-chart/bar-chart.css: border-radius: 5px 5px 0 0 [radius] — raw radius: 5px

components/beam-border — Failed

• token-values: components/beam-border/beam-border.css: animation: k-beam-spin 4.5s linear infinite [duration] — raw duration: 4.5s
• token-values: components/beam-border/beam-border.css: animation: k-beam-spin 4.5s linear infinite [easing] — raw easing: linear

components/blur-in — Failed

• token-values: components/blur-in/blur-in.css: animation: k-blur-in .7s cubic-bezier(.2,.6,.2,1) forwards [duration] — raw duration: .7s
• token-values: components/blur-in/blur-in.css: animation: k-blur-in .7s cubic-bezier(.2,.6,.2,1) forwards [easing] — raw easing: cubic-bezier(.2,.6,.2,1)

components/bottom-navigation — Failed

• token-values: components/bottom-navigation/bottom-navigation.css: border-radius: 9px [radius] — raw radius: 9px
• token-values: components/bottom-navigation/bottom-navigation.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/bottom-navigation/bottom-navigation.css: border: 1.5px solid var(--k-bg) [border] — raw border: 1.5px
• token-values: components/bottom-navigation/examples.html: border-radius: 18px [radius] — raw radius: 18px
• token-values: components/bottom-navigation/preview.html: border-radius: 18px [radius] — raw radius: 18px
• focus-visible: examples.html: <a> on
• focus-visible: examples.html: <a>
• focus-visible: examples.html: <a>
• focus-visible: examples.html: <a>
• focus-visible: preview.html: <a> on
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>

components/bounce-letters — Failed

• token-values: components/bounce-letters/bounce-letters.css: transition: transform .34s cubic-bezier(.3,2.3,.4,1) [duration] — raw duration: .34s
• token-values: components/bounce-letters/bounce-letters.css: transition: transform .34s cubic-bezier(.3,2.3,.4,1) [easing] — raw easing: cubic-bezier(.3,2.3,.4,1)

components/breadcrumbs — Failed

• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>

components/burst-button — Failed

• token-values: components/burst-button/burst-button.css: transition: transform .12s [duration] — raw duration: .12s
• focus-visible: preview.html: <button> k-burst-btn
• focus-visible: preview.html: <button> k-burst-btn asagi

components/button — Failed

• token-values: components/button/button.css: box-shadow: var(--k-btn-shadow) [shadow] — --k-btn-shadow -> raw shadow: 1px; --k-btn-shadow -> raw shadow: 2px; --k-btn-shadow -> raw color: rgba(16,24,40,.05)
• token-values: components/button/button.css: box-shadow: var(--k-btn-inset) [shadow] — --k-btn-inset -> raw shadow: 1px
• token-values: components/button/button.css: box-shadow: var(--k-btn-inset) [shadow] — --k-btn-inset -> raw shadow: 1px
• token-values: components/button/button.css: border: var(--k-btn-spinner-border) solid var(--k-btn-spinner-track) [border] — --k-btn-spinner-border -> raw border: 2px
• token-values: components/button/button.css: animation: k-rot calc(var(--k-btn-spin-duration) * var(--k-mscale, 1)) linear infinite [duration] — --k-btn-spin-duration -> raw duration: 700ms
• focus-visible: combos.html: <input> input

components/button-group — Passed

No failed static checks.

components/calendar — Failed

• token-values: components/calendar/calendar.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/calendar/calendar.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/calendar/calendar.css: border-radius: 50% [radius] — raw radius: 50%
• focus-visible: examples.html: <button> k-cal-nav
• focus-visible: examples.html: <button> k-cal-nav
• focus-visible: examples.html: <button> k-cal-nav
• focus-visible: examples.html: <button> k-cal-nav
• focus-visible: preview.html: <button> k-cal-nav
• focus-visible: preview.html: <button> k-cal-nav
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day sel
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off
• focus-visible: preview.html: <button> k-cal-day off

components/candlestick-chart — Passed

No failed static checks.

components/card — Failed

• token-values: components/card/card.css: border-radius: 14px [radius] — raw radius: 14px
• focus-visible: combos.html: <button> btn btn-sec btn-sm
• focus-visible: combos.html: <button> btn btn-pri btn-sm
• focus-visible: examples.html: <a>
• focus-visible: examples.html: <a> k-card

components/carousel — Failed

• token-values: components/carousel/carousel.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/carousel/carousel.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/carousel/carousel.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/carousel/carousel.css: transition: width .18s var(--k-ease),background .18s [duration] — raw duration: .18s
• focus-visible: preview.html: <button> k-car-btn
• focus-visible: preview.html: <button> k-car-btn
• focus-visible: preview.html: <button>
• focus-visible: preview.html: <button>
• focus-visible: preview.html: <button>
• js-single-instance: document.querySelector('[data-car-track]
• js-single-instance: document.querySelector('[data-car-prev]
• js-single-instance: document.querySelector('[data-car-next]
• js-global-bindings: const carTrack
• js-global-bindings: const carSlides
• js-global-bindings: const carDots

components/carousel-ring — Failed

• token-values: components/carousel-ring/carousel-ring.css: animation: k-ring-spin 26s linear infinite [duration] — raw duration: 26s
• token-values: components/carousel-ring/carousel-ring.css: animation: k-ring-spin 26s linear infinite [easing] — raw easing: linear

components/cascader — Failed

• token-values: components/cascader/cascader.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/cascader/cascader.css: box-shadow: 0 20px 44px -14px rgba(16,24,40,.22) [shadow] — raw shadow: 20px; raw shadow: 44px; raw shadow: -14px; raw color: rgba(16,24,40,.22)
• token-values: components/cascader/cascader.css: border-radius: 8px [radius] — raw radius: 8px
• focus-visible: preview.html: <button> input

components/checkbox — Failed

• token-values: components/checkbox/checkbox.css: border: 1.5px solid var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/checkbox/checkbox.css: border-radius: 5px [radius] — raw radius: 5px
• token-values: components/checkbox/checkbox.css: transition: background .13s,border-color .13s [duration] — raw duration: .13s
• token-values: components/checkbox/checkbox.css: transition: transform .13s [duration] — raw duration: .13s
• token-values: components/checkbox/checkbox.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/checkbox/checkbox.css: border-radius: 50% [radius] — raw radius: 50%
• focus-visible: combos.html: <button> btn btn-pri btn-md

components/chip — Failed

• token-values: components/chip/chip.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/chip/chip.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/chip/chip.css: background: rgba(255,255,255,.16) [color] — raw color: rgba(255,255,255,.16)
• focus-visible: preview.html: <button> k-chip-x
• focus-visible: preview.html: <button> k-chip-x
• focus-visible: preview.html: <button> k-chip-x
• focus-visible: preview.html: <button> k-chip-x

components/collapsible — Failed

• token-values: components/collapsible/collapsible.css: transition: transform .18s [duration] — raw duration: .18s
• focus-visible: examples.html: <summary>
• focus-visible: examples.html: <summary>
• focus-visible: preview.html: <summary>

components/color-picker — Failed

• token-values: components/color-picker/color-picker.css: border-radius: 10px [radius] — raw radius: 10px
• token-values: components/color-picker/color-picker.css: transition: transform .12s var(--k-ease) [duration] — raw duration: .12s
• token-values: components/color-picker/color-picker.css: color: #fff [color] — raw color: #fff
• token-values: components/color-picker/color-picker.css: box-shadow: 0 0 0 2px var(--k-bg),0 0 0 4px var(--k-accent) [shadow] — raw shadow: 2px; raw shadow: 4px
• token-values: components/color-picker/color-picker.css: border-radius: 10px [radius] — raw radius: 10px
• token-values: components/color-picker/color-picker.css: border: 1.5px dashed var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/color-picker/color-picker.css: border-radius: 6px [radius] — raw radius: 6px
• token-values: components/color-picker/preview.html: background: hsl(190 59% 46%) [color] — raw color: hsl(190 59% 46%)
• token-values: components/color-picker/preview.html: background: hsl(216 68% 38%) [color] — raw color: hsl(216 68% 38%)
• token-values: components/color-picker/preview.html: background: hsl(265 27% 46%) [color] — raw color: hsl(265 27% 46%)
• token-values: components/color-picker/preview.html: background: hsl(346 39% 38%) [color] — raw color: hsl(346 39% 38%)
• token-values: components/color-picker/preview.html: background: hsl(41 100% 55%) [color] — raw color: hsl(41 100% 55%)
• token-values: components/color-picker/preview.html: background: hsl(152 30% 52%) [color] — raw color: hsl(152 30% 52%)
• token-values: components/color-picker/preview.html: background: hsl(199 65% 60%) [color] — raw color: hsl(199 65% 60%)
• token-values: components/color-picker/preview.html: background: hsl(0 0% 11%) [color] — raw color: hsl(0 0% 11%)
• token-values: components/color-picker/preview.html: background: hsl(175 84% 32%) [color] — raw color: hsl(175 84% 32%)
• focus-visible: preview.html: <button> k-cp-sw sel
• focus-visible: preview.html: <button> k-cp-sw
• focus-visible: preview.html: <button> k-cp-sw
• focus-visible: preview.html: <button> k-cp-sw
• focus-visible: preview.html: <button> k-cp-sw
• focus-visible: preview.html: <button> k-cp-sw
• focus-visible: preview.html: <button> k-cp-sw
• focus-visible: preview.html: <button> k-cp-sw
• focus-visible: preview.html: <input>
• js-single-instance: document.querySelector('[data-cp]
• js-global-bindings: const cp
• js-global-bindings: const cpOut
• js-global-bindings: const cpChip
• js-global-bindings: const cpCustom
• js-global-bindings: const cpFirst

components/combobox — Passed

No failed static checks.

components/command — Failed

• token-values: components/command/command.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/command/command.css: box-shadow: 0 30px 80px -20px rgba(0,0,0,.45) [shadow] — raw shadow: 30px; raw shadow: 80px; raw shadow: -20px; raw color: rgba(0,0,0,.45)
• token-values: components/command/command.css: background: rgba(24,24,27,.45) [color] — raw color: rgba(24,24,27,.45)
• token-values: components/command/command.css: border-radius: 8px [radius] — raw radius: 8px
• focus-visible: preview.html: <input> kcmd-input
• focus-visible: preview.html: <button> kcmd-item active
• focus-visible: preview.html: <button> kcmd-item
• focus-visible: preview.html: <button> kcmd-item
• focus-visible: preview.html: <button> kcmd-item
• focus-visible: preview.html: <button> kcmd-item
• focus-visible: preview.html: <button> kcmd-item
• js-single-instance: document.querySelector('[data-command]
• js-single-instance: document.querySelector('[data-command-open]
• js-global-bindings: const cmdDlg
• js-global-bindings: const cmdInput
• js-global-bindings: const cmdItems
• js-global-bindings: const cmdEmpty
• js-global-bindings: let cmdActive

components/comparison-slider — Failed

• token-values: components/comparison-slider/comparison-slider.css: background: rgba(24,24,27,.72) [color] — raw color: rgba(24,24,27,.72)
• token-values: components/comparison-slider/comparison-slider.css: box-shadow: 0 0 0 1px rgba(24,24,27,.25) [shadow] — raw shadow: 1px; raw color: rgba(24,24,27,.25)
• token-values: components/comparison-slider/comparison-slider.css: box-shadow: 0 2px 10px rgba(16,24,40,.3) [shadow] — raw shadow: 2px; raw shadow: 10px; raw color: rgba(16,24,40,.3)
• focus-visible: preview.html: <input>

components/confetti-cannon — Failed

• focus-visible: preview.html: <button> k-conf-btn

components/context-menu — Failed

• token-values: components/context-menu/context-menu.css: border: 1.5px dashed var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/context-menu/context-menu.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/context-menu/context-menu.css: border-radius: 12px [radius] — raw radius: 12px
• token-values: components/context-menu/context-menu.css: box-shadow: 0 20px 44px -12px rgba(16,24,40,.28) [shadow] — raw shadow: 20px; raw shadow: 44px; raw shadow: -12px; raw color: rgba(16,24,40,.28)
• token-values: components/context-menu/context-menu.css: border-radius: 8px [radius] — raw radius: 8px
• focus-visible: preview.html: <div> k-ctx-zone
• js-single-instance: document.querySelector('[data-ctx-zone]
• js-single-instance: document.querySelector('[data-ctx]
• js-global-bindings: const ctxZone
• js-global-bindings: const ctxMenu

components/converge — Failed

• token-values: components/converge/converge.css: stroke: hsl(335 85% 68%) [color] — raw color: hsl(335 85% 68%)
• token-values: components/converge/converge.css: stroke: hsl(32 95% 60%) [color] — raw color: hsl(32 95% 60%)
• token-values: components/converge/converge.css: stroke: hsl(205 90% 63%) [color] — raw color: hsl(205 90% 63%)
• token-values: components/converge/converge.css: fill: hsl(335 85% 68%) [color] — raw color: hsl(335 85% 68%)
• token-values: components/converge/converge.css: fill: hsl(32 95% 60%) [color] — raw color: hsl(32 95% 60%)
• token-values: components/converge/converge.css: fill: hsl(205 90% 63%) [color] — raw color: hsl(205 90% 63%)
• token-values: components/converge/converge.css: background: radial-gradient(circle at 38% 32%,color-mix(in srgb,hsl(335 85% 68%) 34%,transparent),transparent 62%),radial-gradient(circle at 66% 70%,color-mix(in srgb,hsl(205 90% 63%) 30%,transparent),transparent 62%),radial-gradient(circle,color-mix(in srgb,var(--k-accent) 42%,transparent),transparent 68%) [color] — raw color: hsl(335 85% 68%); raw color: hsl(205 90% 63%)
• token-values: components/converge/converge.css: animation: k-conv-pulse 3.4s var(--k-ease) infinite alternate [duration] — raw duration: 3.4s
• token-values: components/converge/converge.css: animation: k-conv-tw 2.2s ease-in-out infinite alternate [duration] — raw duration: 2.2s
• token-values: components/converge/converge.css: animation: k-conv-tw 2.2s ease-in-out infinite alternate [easing] — raw easing: ease-in-out
• token-values: components/converge/converge.css: animation-delay: .5s [duration] — raw duration: .5s
• token-values: components/converge/converge.css: animation-delay: 1.1s [duration] — raw duration: 1.1s
• token-values: components/converge/converge.css: animation-delay: 1.6s [duration] — raw duration: 1.6s
• token-values: components/converge/converge.css: box-shadow: 0 0 46px color-mix(in srgb,var(--k-accent) 45%,transparent) [shadow] — raw shadow: 46px
• token-values: components/converge/preview.html: color: hsl(335 85% 72%) [color] — raw color: hsl(335 85% 72%)
• token-values: components/converge/preview.html: color: hsl(32 95% 64%) [color] — raw color: hsl(32 95% 64%)
• token-values: components/converge/preview.html: color: hsl(205 90% 66%) [color] — raw color: hsl(205 90% 66%)

components/copy-field — Failed

• token-values: components/copy-field/copy-field.css: transition: background .15s [duration] — raw duration: .15s
• focus-visible: preview.html: <button> k-copyfield-btn
• focus-visible: preview.html: <button> k-copyfield-btn

components/counter — Passed

No failed static checks.

components/data-table — Failed

• token-values: components/data-table/data-table.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/data-table/data-table.css: transition: transform .15s var(--k-ease),opacity .15s [duration] — raw duration: .15s
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <button> k-dt-sort
• focus-visible: preview.html: <button> k-dt-sort
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• js-single-instance: document.querySelector('[data-dt]
• js-global-bindings: const dt
• js-global-bindings: const dtBody

components/date-picker — Failed

• token-values: components/date-picker/date-picker.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: components/date-picker/date-picker.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/date-picker/date-picker.css: box-shadow: 0 20px 44px -14px rgba(16,24,40,.22) [shadow] — raw shadow: 20px; raw shadow: 44px; raw shadow: -14px; raw color: rgba(16,24,40,.22)
• token-values: components/date-picker/date-picker.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/date-picker/date-picker.css: border-radius: 9px [radius] — raw radius: 9px
• token-values: components/date-picker/date-picker.css: border-radius: 50% [radius] — raw radius: 50%
• accessible-label: preview.html: <input> input
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <button> cal-btn
• focus-visible: preview.html: <button> k-dp-nav
• focus-visible: preview.html: <button> k-dp-nav
• js-single-instance: document.querySelector('[data-dp]
• js-global-bindings: const dp
• js-global-bindings: const dpInput
• js-global-bindings: const dpPanel
• js-global-bindings: const dpGrid
• js-global-bindings: const dpTitle
• js-global-bindings: const MONTHS
• js-global-bindings: let dpView
• js-global-bindings: let dpSel

components/descriptions — Passed

No failed static checks.

components/dock — Failed

• token-values: components/dock/dock.css: transition: transform .14s ease-out [duration] — raw duration: .14s
• token-values: components/dock/dock.css: transition: transform .14s ease-out [easing] — raw easing: ease-out
• token-values: components/dock/dock.css: transition: opacity .15s,transform .15s [duration] — raw duration: .15s

components/donut-chart — Failed

• token-values: components/donut-chart/donut-chart.css: border-radius: 3px [radius] — raw radius: 3px

components/drawer — Failed

• token-values: components/drawer/drawer.css: box-shadow: -24px 0 60px -24px rgba(0,0,0,.35) [shadow] — raw shadow: -24px; raw shadow: 60px; raw color: rgba(0,0,0,.35)
• token-values: components/drawer/drawer.css: background: rgba(24,24,27,.45) [color] — raw color: rgba(24,24,27,.45)
• js-single-instance: document.querySelector('[data-drawer]
• js-single-instance: document.querySelector('[data-drawer-open]
• js-global-bindings: const drawer

components/dropdown — Failed

• token-values: components/dropdown/dropdown.css: border-radius: 11px [radius] — raw radius: 11px
• token-values: components/dropdown/dropdown.css: box-shadow: 0 16px 40px -14px rgba(16,24,40,.25) [shadow] — raw shadow: 16px; raw shadow: 40px; raw shadow: -14px; raw color: rgba(16,24,40,.25)
• token-values: components/dropdown/dropdown.css: transition: opacity .15s,transform .15s [duration] — raw duration: .15s
• token-values: components/dropdown/dropdown.css: border-radius: 7px [radius] — raw radius: 7px
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a> danger

components/dual-range — Failed

• token-values: components/dual-range/dual-range.css: border-radius: 3px [radius] — raw radius: 3px
• token-values: components/dual-range/dual-range.css: border-radius: 3px [radius] — raw radius: 3px
• token-values: components/dual-range/dual-range.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/dual-range/dual-range.css: border: 2px solid var(--k-zinc-400) [border] — raw border: 2px
• token-values: components/dual-range/dual-range.css: box-shadow: 0 1px 4px rgba(16,24,40,.18) [shadow] — raw shadow: 1px; raw shadow: 4px; raw color: rgba(16,24,40,.18)
• token-values: components/dual-range/dual-range.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/dual-range/dual-range.css: border: 2px solid var(--k-zinc-400) [border] — raw border: 2px
• token-values: components/dual-range/dual-range.css: box-shadow: 0 1px 4px rgba(16,24,40,.18) [shadow] — raw shadow: 1px; raw shadow: 4px; raw color: rgba(16,24,40,.18)
• token-values: components/dual-range/dual-range.css: border-radius: 6px [radius] — raw radius: 6px

components/empty-state — Failed

• token-values: components/empty-state/empty-state.css: border: 1.5px dashed var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/empty-state/empty-state.css: border-radius: 50% [radius] — raw radius: 50%

components/field — Failed

• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <input> input

components/file-upload — Failed

• token-values: components/file-upload/file-upload.css: border: 1.5px dashed var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/file-upload/file-upload.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/file-upload/file-upload.css: transition: border-color .15s,background .15s [duration] — raw duration: .15s
• token-values: components/file-upload/file-upload.css: border-radius: 11px [radius] — raw radius: 11px
• token-values: components/file-upload/file-upload.css: border-radius: 7px [radius] — raw radius: 7px
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <button> rm
• js-single-instance: document.querySelector('[data-upload]
• js-global-bindings: const up
• js-global-bindings: const upInput
• js-global-bindings: const upZone
• js-global-bindings: const upList
• js-global-bindings: const FILE_SVG

components/fireworks — Passed

No failed static checks.

components/follow-frame — Failed

• js-single-instance: document.querySelector('[data-follow]
• js-global-bindings: const fz
• js-global-bindings: const fFrame
• js-global-bindings: const fTag
• js-global-bindings: const fReduced
• js-global-bindings: let fTx

components/funnel-chart — Failed

• token-values: components/funnel-chart/funnel-chart.css: border-radius: 7px [radius] — raw radius: 7px

components/gauge — Passed

No failed static checks.

components/glass-panel — Failed

• token-values: components/glass-panel/glass-panel.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/glass-panel/glass-panel.css: box-shadow: 0 18px 40px -18px rgba(0,0,0,.45) [shadow] — raw shadow: 18px; raw shadow: 40px; raw shadow: -18px; raw color: rgba(0,0,0,.45)

components/glow-button — Failed

• token-values: components/glow-button/glow-button.css: animation: k-ga-spin 3.6s linear infinite [duration] — raw duration: 3.6s
• token-values: components/glow-button/glow-button.css: animation: k-ga-spin 3.6s linear infinite [easing] — raw easing: linear
• token-values: components/glow-button/glow-button.css: transition: box-shadow .3s [duration] — raw duration: .3s
• token-values: components/glow-button/glow-button.css: box-shadow: 0 0 26px -6px var(--k-accent) [shadow] — raw shadow: 26px; raw shadow: -6px
• token-values: components/glow-button/glow-button.css: transition: background .3s, box-shadow .3s [duration] — raw duration: .3s
• token-values: components/glow-button/glow-button.css: animation: k-ga-spin 3.6s linear infinite [duration] — raw duration: 3.6s
• token-values: components/glow-button/glow-button.css: animation: k-ga-spin 3.6s linear infinite [easing] — raw easing: linear
• token-values: components/glow-button/glow-button.css: box-shadow: 0 0 18px -4px var(--k-accent-bg) [shadow] — raw shadow: 18px; raw shadow: -4px
• focus-visible: preview.html: <button>
• focus-visible: preview.html: <input>

components/glow-cards — Failed

• token-values: components/glow-cards/glow-cards.css: transition: opacity .25s [duration] — raw duration: .25s

components/goo-cursor — Passed

No failed static checks.

components/goo-tabs — Failed

• token-values: components/goo-tabs/goo-tabs.css: transition: left .45s cubic-bezier(.6,-0.1,.2,1.25), width .45s cubic-bezier(.6,-0.1,.2,1.25), transform .3s [duration] — raw duration: .45s; raw duration: .3s
• token-values: components/goo-tabs/goo-tabs.css: transition: left .45s cubic-bezier(.6,-0.1,.2,1.25), width .45s cubic-bezier(.6,-0.1,.2,1.25), transform .3s [easing] — raw easing: cubic-bezier(.6,-0.1,.2,1.25)
• token-values: components/goo-tabs/goo-tabs.css: transition: color .25s [duration] — raw duration: .25s
• focus-visible: preview.html: <button> gt-0
• focus-visible: preview.html: <button> gt-1
• focus-visible: preview.html: <button> gt-2

components/gravity-playground — Passed

No failed static checks.

components/hanko — Failed

• token-values: components/hanko/hanko.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/hanko/hanko.css: border: 2px solid var(--k-core) [border] — raw border: 2px
• token-values: components/hanko/hanko.css: border-radius: 12px [radius] — raw radius: 12px
• token-values: components/hanko/hanko.css: border-radius: 9px 11px 10px 12px [radius] — raw radius: 9px; raw radius: 11px; raw radius: 10px; raw radius: 12px
• token-values: components/hanko/hanko.css: animation: k-seal-in .5s cubic-bezier(.2,1.6,.4,1) [duration] — raw duration: .5s
• token-values: components/hanko/hanko.css: animation: k-seal-ring .55s ease-out [duration] — raw duration: .55s

components/heatmap — Failed

• token-values: components/heatmap/heatmap.css: border-radius: 3px [radius] — raw radius: 3px
• token-values: components/heatmap/heatmap.css: border-radius: 3px [radius] — raw radius: 3px

components/horizontal-reel — Passed

No failed static checks.

components/hover-card — Failed

• token-values: components/hover-card/hover-card.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/hover-card/hover-card.css: box-shadow: 0 16px 40px -12px rgba(16,24,40,.18) [shadow] — raw shadow: 16px; raw shadow: 40px; raw shadow: -12px; raw color: rgba(16,24,40,.18)
• token-values: components/hover-card/hover-card.css: transition: opacity .16s var(--k-ease),transform .16s var(--k-ease) [duration] — raw duration: .16s
• focus-visible: preview.html: <a> trigger

components/input — Failed

• token-values: components/input/input.css: box-shadow: 0 1px 2px rgba(16,24,40,.04) [shadow] — raw shadow: 1px; raw shadow: 2px; raw color: rgba(16,24,40,.04)
• focus-visible: combos.html: <input> input
• focus-visible: combos.html: <select>
• focus-visible: combos.html: <button> btn btn-pri btn-md
• focus-visible: examples.html: <input> input
• focus-visible: examples.html: <input> input errb
• focus-visible: examples.html: <input> input
• focus-visible: examples.html: <input> input
• focus-visible: examples.html: <input> input
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <input> input errb
• focus-visible: preview.html: <input> input

components/input-group — Failed

• focus-visible: examples.html: <input> input
• focus-visible: examples.html: <button> btn btn-sec btn-md
• focus-visible: examples.html: <input> input
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <input> input

components/input-otp — Failed

• token-values: components/input-otp/input-otp.css: border-radius: 10px [radius] — raw radius: 10px
• token-values: components/input-otp/input-otp.css: transition: border-color .13s, box-shadow .13s [duration] — raw duration: .13s
• token-values: components/input-otp/input-otp.css: box-shadow: 0 0 0 3px var(--k-accent-bg) [shadow] — raw shadow: 3px
• token-values: components/input-otp/input-otp.css: border-radius: 2px [radius] — raw radius: 2px
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• js-global-bindings: const otpBoxes

components/jelly-buttons — Failed

• token-values: components/jelly-buttons/jelly-buttons.css: transition: transform .28s cubic-bezier(.3,2.4,.45,1) [duration] — raw duration: .28s
• token-values: components/jelly-buttons/jelly-buttons.css: transition: transform .28s cubic-bezier(.3,2.4,.45,1) [easing] — raw easing: cubic-bezier(.3,2.4,.45,1)
• token-values: components/jelly-buttons/jelly-buttons.css: animation: k-jelly-wob .55s cubic-bezier(.3,2.2,.45,1) [duration] — raw duration: .55s
• token-values: components/jelly-buttons/jelly-buttons.css: animation: k-jelly-wob .55s cubic-bezier(.3,2.2,.45,1) [easing] — raw easing: cubic-bezier(.3,2.2,.45,1)
• focus-visible: preview.html: <button> k-jelly
• focus-visible: preview.html: <button> k-jelly asagi
• focus-visible: preview.html: <button> k-jelly soft

components/kaleidoscope — Failed

• focus-visible: preview.html: <button> k-kal-btn

components/kata-rain — Passed

No failed static checks.

components/kbd — Failed

• token-values: components/kbd/kbd.css: border-bottom-width: 2px [border] — raw border: 2px
• token-values: components/kbd/kbd.css: border-radius: 6px [radius] — raw radius: 6px

components/kintsugi-card — Failed

• token-values: components/kintsugi-card/kintsugi-card.css: border-radius: 14px [radius] — raw radius: 14px

components/line-chart — Passed

No failed static checks.

components/liquid-button — Failed

• token-values: components/liquid-button/liquid-button.css: transition: transform .65s cubic-bezier(.5,0,.2,1) [duration] — raw duration: .65s
• token-values: components/liquid-button/liquid-button.css: transition: transform .65s cubic-bezier(.5,0,.2,1) [easing] — raw easing: cubic-bezier(.5,0,.2,1)
• token-values: components/liquid-button/liquid-button.css: transition: color .4s [duration] — raw duration: .4s

components/list — Failed

• token-values: components/list/list.css: border-radius: 14px [radius] — raw radius: 14px
• focus-visible: preview.html: <a> k-list-row
• focus-visible: preview.html: <a> k-list-row
• focus-visible: preview.html: <a> k-list-row

components/magnet — Failed

• token-values: components/magnet/magnet.css: transition: transform .35s cubic-bezier(.2,.8,.25,1.2) [duration] — raw duration: .35s
• token-values: components/magnet/magnet.css: transition: transform .35s cubic-bezier(.2,.8,.25,1.2) [easing] — raw easing: cubic-bezier(.2,.8,.25,1.2)
• token-values: components/magnet/magnet.css: transition: transform .12s ease-out [duration] — raw duration: .12s
• token-values: components/magnet/magnet.css: transition: transform .12s ease-out [easing] — raw easing: ease-out

components/marquee — Failed

• token-values: components/marquee/marquee.css: animation: k-marquee 30s linear infinite [duration] — raw duration: 30s
• token-values: components/marquee/marquee.css: animation: k-marquee 30s linear infinite [easing] — raw easing: linear

components/menubar — Failed

• token-values: components/menubar/menubar.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: components/menubar/menubar.css: border-radius: 11px [radius] — raw radius: 11px
• token-values: components/menubar/menubar.css: box-shadow: 0 18px 40px -12px rgba(16,24,40,.25) [shadow] — raw shadow: 18px; raw shadow: 40px; raw shadow: -12px; raw color: rgba(16,24,40,.25)
• token-values: components/menubar/menubar.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: components/menubar/preview.html: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/menubar/preview.html: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/menubar/preview.html: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/menubar/preview.html: border-radius: 50% [radius] — raw radius: 50%
• focus-visible: preview.html: <button> k-mbar-btn
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-btn
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-btn
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-btn
• focus-visible: preview.html: <button> k-mbar-mi
• focus-visible: preview.html: <button> k-mbar-mi

components/meteors — Failed

• token-values: components/meteors/meteors.css: box-shadow: 0 0 10px 2px rgba(255,255,255,.3) [shadow] — raw shadow: 10px; raw shadow: 2px; raw color: rgba(255,255,255,.3)
• token-values: components/meteors/meteors.css: animation-timing-function: linear [easing] — raw easing: linear
• token-values: components/meteors/meteors.css: background: linear-gradient(to right, rgba(255,255,255,.75), transparent) [color] — raw color: rgba(255,255,255,.75)

components/meter — Failed

• token-values: components/meter/meter.css: background-image: linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px) [color] — raw color: rgba(255,255,255,.5)

components/modal — Failed

• token-values: components/modal/modal.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: components/modal/modal.css: box-shadow: 0 30px 80px -20px rgba(0,0,0,.4) [shadow] — raw shadow: 30px; raw shadow: 80px; raw shadow: -20px; raw color: rgba(0,0,0,.4)
• token-values: components/modal/modal.css: background: rgba(24,24,27,.45) [color] — raw color: rgba(24,24,27,.45)
• focus-visible: combos.html: <button> btn btn-sec btn-md
• focus-visible: combos.html: <input> input
• focus-visible: combos.html: <button> btn btn-sec btn-md
• focus-visible: combos.html: <button> btn btn-pri btn-md

components/navigation-menu — Failed

• token-values: components/navigation-menu/navigation-menu.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/navigation-menu/navigation-menu.css: transition: transform .18s [duration] — raw duration: .18s
• token-values: components/navigation-menu/navigation-menu.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/navigation-menu/navigation-menu.css: box-shadow: 0 20px 44px -14px rgba(16,24,40,.22) [shadow] — raw shadow: 20px; raw shadow: 44px; raw shadow: -14px; raw color: rgba(16,24,40,.22)
• token-values: components/navigation-menu/navigation-menu.css: border-radius: 9px [radius] — raw radius: 9px
• token-values: components/navigation-menu/navigation-menu.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/navigation-menu/preview.html: border-radius: 14px [radius] — raw radius: 14px
• focus-visible: preview.html: <button> k-navm-btn
• focus-visible: preview.html: <a> k-navm-link
• focus-visible: preview.html: <a> k-navm-link
• focus-visible: preview.html: <a> k-navm-link
• focus-visible: preview.html: <a> k-navm-link
• focus-visible: preview.html: <button> k-navm-btn
• focus-visible: preview.html: <a> k-navm-link
• focus-visible: preview.html: <a> k-navm-link
• focus-visible: preview.html: <a> k-navm-btn
• focus-visible: preview.html: <a> k-navm-btn

components/newtons-cradle — Failed

• token-values: components/newtons-cradle/newtons-cradle.css: box-shadow: 0 3px 7px rgba(16,24,40,.25) [shadow] — raw shadow: 3px; raw shadow: 7px; raw color: rgba(16,24,40,.25)
• token-values: components/newtons-cradle/newtons-cradle.css: animation: k-cr-l 2.4s ease-in-out infinite [duration] — raw duration: 2.4s
• token-values: components/newtons-cradle/newtons-cradle.css: animation: k-cr-l 2.4s ease-in-out infinite [easing] — raw easing: ease-in-out
• token-values: components/newtons-cradle/newtons-cradle.css: animation: k-cr-r 2.4s ease-in-out infinite [duration] — raw duration: 2.4s
• token-values: components/newtons-cradle/newtons-cradle.css: animation: k-cr-r 2.4s ease-in-out infinite [easing] — raw easing: ease-in-out

components/noren — Failed

• token-values: components/noren/noren.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/noren/noren.css: border-radius: 4px [radius] — raw radius: 4px
• token-values: components/noren/noren.css: transition: transform .5s cubic-bezier(.4,0,.2,1) [duration] — raw duration: .5s
• token-values: components/noren/noren.css: animation: k-nor-sway 5.2s ease-in-out infinite alternate [duration] — raw duration: 5.2s
• token-values: components/noren/noren.css: animation: k-nor-sway 6.4s ease-in-out infinite alternate-reverse [duration] — raw duration: 6.4s
• token-values: components/noren/noren.css: animation: k-nor-sway 5.8s ease-in-out infinite alternate [duration] — raw duration: 5.8s

components/orbit — Failed

• token-values: components/orbit/orbit.css: box-shadow: 0 12px 26px -10px rgba(16,24,40,.4) [shadow] — raw shadow: 12px; raw shadow: 26px; raw shadow: -10px; raw color: rgba(16,24,40,.4)
• token-values: components/orbit/orbit.css: animation: k-orb-spin linear infinite [easing] — raw easing: linear
• token-values: components/orbit/orbit.css: animation-duration: 16s [duration] — raw duration: 16s
• token-values: components/orbit/orbit.css: animation-duration: 26s [duration] — raw duration: 26s
• token-values: components/orbit/orbit.css: box-shadow: 0 4px 12px rgba(16,24,40,.1) [shadow] — raw shadow: 4px; raw shadow: 12px; raw color: rgba(16,24,40,.1)
• token-values: components/orbit/orbit.css: animation: k-orb-spin linear infinite reverse [easing] — raw easing: linear
• token-values: components/orbit/orbit.css: animation-duration: 16s [duration] — raw duration: 16s
• token-values: components/orbit/orbit.css: animation-duration: 26s [duration] — raw duration: 26s

components/pagination — Failed

• token-values: components/pagination/pagination.css: transition: background .13s [duration] — raw duration: .13s
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page
• focus-visible: preview.html: <a> k-page

components/particle-net — Passed

No failed static checks.

components/particle-word — Failed

• focus-visible: preview.html: <button> k-pw-btn on
• focus-visible: preview.html: <button> k-pw-btn
• focus-visible: preview.html: <button> k-pw-btn

components/popover — Failed

• js-single-instance: document.querySelector('[data-popover]
• js-global-bindings: const wrap
• js-global-bindings: const popBtn
• js-global-bindings: const popPanel

components/progress — Failed

• token-values: components/progress/progress.css: transition: width .3s cubic-bezier(.3,.7,.3,1) [duration] — raw duration: .3s

components/qr-code — Failed

• token-values: components/qr-code/examples.html: border-radius: 14px [radius] — raw radius: 14px

components/radar-chart — Failed

• token-values: components/radar-chart/radar-chart.css: border-radius: 50% [radius] — raw radius: 50%

components/radio — Failed

• token-values: components/radio/radio.css: border: 1.5px solid var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/radio/radio.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/radio/radio.css: transition: border-color .15s [duration] — raw duration: .15s
• token-values: components/radio/radio.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/radio/radio.css: transition: transform .15s cubic-bezier(.3,.7,.3,1) [duration] — raw duration: .15s

components/rating — Failed

• token-values: components/rating/rating.css: transition: fill .12s [duration] — raw duration: .12s
• token-values: components/rating/rating.css: border-radius: 6px [radius] — raw radius: 6px

components/reorder — Failed

• focus-visible: preview.html: <button> k-rank-btn
• js-single-instance: document.querySelector('[data-rank]
• js-single-instance: document.querySelector('[data-rank-btn]
• js-global-bindings: const rankList
• js-global-bindings: const rankBtn
• js-global-bindings: const rankReduced
• js-global-bindings: let rankTimer

components/result — Failed

• token-values: components/result/result.css: border-radius: 50% [radius] — raw radius: 50%

components/scatter-chart — Failed

• token-values: components/scatter-chart/scatter-chart.css: border-radius: 50% [radius] — raw radius: 50%

components/scramble — Passed

No failed static checks.

components/scroll-area — Failed

• token-values: components/scroll-area/scroll-area.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/scroll-area/scroll-area.css: border-radius: 9px [radius] — raw radius: 9px
• focus-visible: preview.html: <div> k-scroll-in

components/scrollspy — Failed

• token-values: components/scrollspy/scrollspy.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: components/scrollspy/scrollspy.css: border-inline-start: 2px solid var(--k-line) [border] — raw border: 2px
• token-values: components/scrollspy/scrollspy.css: border-radius: 12px [radius] — raw radius: 12px
• focus-visible: preview.html: <a> on
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>

components/segmented — Failed

• token-values: components/segmented/segmented.css: border-radius: 11px [radius] — raw radius: 11px
• token-values: components/segmented/segmented.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/segmented/segmented.css: transition: background .15s,color .15s [duration] — raw duration: .15s
• token-values: components/segmented/segmented.css: box-shadow: 0 1px 2px rgba(16,24,40,.09) [shadow] — raw shadow: 1px; raw shadow: 2px; raw color: rgba(16,24,40,.09)

components/select — Failed

• token-values: components/select/select.css: transition: border-color .15s [duration] — raw duration: .15s
• token-values: components/select/select.css: color-scheme: light [color] — raw color: light
• token-values: components/select/select.css: color-scheme: dark [color] — raw color: dark
• token-values: components/select/select.css: color-scheme: light [color] — raw color: light
• token-values: components/select/select.css: color-scheme: dark [color] — raw color: dark
• focus-visible: combos.html: <input>
• focus-visible: combos.html: <input>

components/separator — Passed

No failed static checks.

components/shine-text — Failed

• token-values: components/shine-text/shine-text.css: animation: k-shine-move 3.4s linear infinite [duration] — raw duration: 3.4s
• token-values: components/shine-text/shine-text.css: animation: k-shine-move 3.4s linear infinite [easing] — raw easing: linear

components/sidebar — Failed

• token-values: components/sidebar/sidebar.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: components/sidebar/sidebar.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/sidebar/sidebar.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/sidebar/sidebar.css: transition: transform .18s [duration] — raw duration: .18s
• token-values: components/sidebar/sidebar.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/sidebar/examples.html: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/sidebar/examples.html: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/sidebar/examples.html: border-radius: 12px [radius] — raw radius: 12px
• token-values: components/sidebar/preview.html: border-radius: 14px [radius] — raw radius: 14px
• focus-visible: examples.html: <a> k-side-item on
• focus-visible: examples.html: <a> k-side-item
• focus-visible: examples.html: <a> k-side-item
• focus-visible: examples.html: <a> k-side-item
• focus-visible: examples.html: <a> k-side-item
• focus-visible: examples.html: <a> k-side-item
• focus-visible: examples.html: <a> k-side-item
• focus-visible: examples.html: <a> k-side-item on
• focus-visible: examples.html: <a> k-side-item
• focus-visible: examples.html: <a> k-side-item
• focus-visible: preview.html: <a> k-side-item on
• focus-visible: preview.html: <button> k-side-item
• focus-visible: preview.html: <a> k-side-item
• focus-visible: preview.html: <a> k-side-item
• focus-visible: preview.html: <a> k-side-item
• focus-visible: preview.html: <a> k-side-item
• focus-visible: preview.html: <a> k-side-item
• focus-visible: preview.html: <a> k-side-item
• focus-visible: preview.html: <a> k-side-item

components/skeleton — Failed

• token-values: components/skeleton/skeleton.css: animation: k-shimmer 1.4s ease-in-out infinite [duration] — raw duration: 1.4s
• token-values: components/skeleton/skeleton.css: border-radius: 50% [radius] — raw radius: 50%

components/slider — Failed

• token-values: components/slider/slider.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/slider/slider.css: border: 1.5px solid var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/slider/slider.css: box-shadow: 0 1px 2px rgba(16,24,40,.18) [shadow] — raw shadow: 1px; raw shadow: 2px; raw color: rgba(16,24,40,.18)
• token-values: components/slider/slider.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/slider/slider.css: border: 1.5px solid var(--k-border-strong) [border] — raw border: 1.5px
• token-values: components/slider/slider.css: box-shadow: 0 1px 2px rgba(16,24,40,.18) [shadow] — raw shadow: 1px; raw shadow: 2px; raw color: rgba(16,24,40,.18)

components/sparkles — Failed

• token-values: components/sparkles/sparkles.css: animation: k-spk-tw ease-in-out infinite alternate [easing] — raw easing: ease-in-out

components/sparkline — Passed

No failed static checks.

components/speed-dial — Failed

• token-values: components/speed-dial/speed-dial.css: transition: opacity .18s,transform .18s [duration] — raw duration: .18s
• token-values: components/speed-dial/speed-dial.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/speed-dial/speed-dial.css: box-shadow: 0 2px 8px rgba(16,24,40,.08) [shadow] — raw shadow: 2px; raw shadow: 8px; raw color: rgba(16,24,40,.08)
• token-values: components/speed-dial/speed-dial.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/speed-dial/speed-dial.css: box-shadow: 0 2px 8px rgba(16,24,40,.1) [shadow] — raw shadow: 2px; raw shadow: 8px; raw color: rgba(16,24,40,.1)
• token-values: components/speed-dial/speed-dial.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/speed-dial/speed-dial.css: box-shadow: 0 6px 18px rgba(16,24,40,.28) [shadow] — raw shadow: 6px; raw shadow: 18px; raw color: rgba(16,24,40,.28)
• token-values: components/speed-dial/speed-dial.css: transition: transform .2s [duration] — raw duration: .2s
• token-values: components/speed-dial/preview.html: border-radius: 14px [radius] — raw radius: 14px
• focus-visible: preview.html: <button> act
• focus-visible: preview.html: <button> act
• focus-visible: preview.html: <button> act
• focus-visible: preview.html: <button> main

components/spinner — Failed

• token-values: components/spinner/spinner.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/spinner/spinner.css: border: 2px solid var(--k-line) [border] — raw border: 2px
• token-values: components/spinner/spinner.css: animation: k-spin .7s linear infinite [duration] — raw duration: .7s
• token-values: components/spinner/spinner.css: border-width: 2px [border] — raw border: 2px
• token-values: components/spinner/spinner.css: border-width: 3px [border] — raw border: 3px
• token-values: components/spinner/spinner.css: animation-duration: 1.6s [duration] — raw duration: 1.6s

components/split-panel — Failed

• token-values: components/split-panel/split-panel.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/split-panel/split-panel.css: border-radius: 8px [radius] — raw radius: 8px
• js-single-instance: document.querySelector('[data-split]
• js-global-bindings: const split
• js-global-bindings: const splitA
• js-global-bindings: const splitH
• js-global-bindings: let splitPct

components/spotlight — Failed

• token-values: components/spotlight/spotlight.css: background: radial-gradient(200px circle at var(--mx) var(--my),rgba(255,255,255,.17),rgba(255,255,255,.05) 55%,transparent 72%) [color] — raw color: rgba(255,255,255,.17); raw color: rgba(255,255,255,.05)
• token-values: components/spotlight/spotlight.css: color: rgba(255,255,255,.3) [color] — raw color: rgba(255,255,255,.3)

components/stacking-cards — Passed

No failed static checks.

components/stat — Passed

No failed static checks.

components/stepper — Failed

• token-values: components/stepper/stepper.css: transition: background .13s [duration] — raw duration: .13s

components/steps — Failed

• token-values: components/steps/steps.css: border-radius: 2px [radius] — raw radius: 2px
• token-values: components/steps/steps.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/steps/steps.css: border: 2px solid var(--k-line) [border] — raw border: 2px
• token-values: components/steps/steps.css: border-radius: 50% [radius] — raw radius: 50%

components/switch — Failed

• token-values: components/switch/switch.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/switch/switch.css: transition: background .18s [duration] — raw duration: .18s
• token-values: components/switch/switch.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/switch/switch.css: box-shadow: 0 1px 3px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.08) [shadow] — raw shadow: 1px; raw shadow: 3px; raw color: rgba(0,0,0,.3); raw color: rgba(0,0,0,.08)
• token-values: components/switch/switch.css: transition: transform .18s [duration] — raw duration: .18s

components/table — Failed

• token-values: components/table/table.css: border-radius: 50% [radius] — raw radius: 50%

components/tabs — Failed

• token-values: components/tabs/tabs.css: border-radius: 10px [radius] — raw radius: 10px
• token-values: components/tabs/tabs.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/tabs/tabs.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/tabs/tabs.css: box-shadow: 0 1px 3px rgba(16,24,40,.14) [shadow] — raw shadow: 1px; raw shadow: 3px; raw color: rgba(16,24,40,.14)
• token-values: components/tabs/tabs.css: transition: left .22s cubic-bezier(.3,.7,.3,1),width .22s cubic-bezier(.3,.7,.3,1) [duration] — raw duration: .22s
• token-values: components/tabs/tabs.css: border-radius: 10px [radius] — raw radius: 10px
• focus-visible: combos.html: <button> on
• focus-visible: combos.html: <button>
• focus-visible: combos.html: <button>
• focus-visible: combos.html: <input>
• focus-visible: combos.html: <input>
• focus-visible: combos.html: <input>
• focus-visible: preview.html: <button> on
• focus-visible: preview.html: <button>
• focus-visible: preview.html: <button>

components/tag-input — Failed

• token-values: components/tag-input/tag-input.css: transition: border-color .13s, box-shadow .13s [duration] — raw duration: .13s
• token-values: components/tag-input/tag-input.css: box-shadow: 0 0 0 3px var(--k-accent-bg) [shadow] — raw shadow: 3px
• focus-visible: preview.html: <button> k-chip-x
• focus-visible: preview.html: <button> k-chip-x
• focus-visible: preview.html: <input> k-tags-in
• js-single-instance: document.querySelector('[data-tags]
• js-global-bindings: const tagsBox
• js-global-bindings: const tagsIn
• js-global-bindings: const X_SVG

components/tategaki — Failed

• token-values: components/tategaki/tategaki.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/tategaki/tategaki.css: animation: k-tate-in 1s cubic-bezier(.2,.7,.2,1) both [duration] — raw duration: 1s
• token-values: components/tategaki/tategaki.css: animation-delay: .05s [duration] — raw duration: .05s
• token-values: components/tategaki/tategaki.css: animation-delay: .22s [duration] — raw duration: .22s
• token-values: components/tategaki/tategaki.css: animation-delay: .39s [duration] — raw duration: .39s

components/text-reveal — Failed

• token-values: components/text-reveal/text-reveal.css: transition: transform .7s cubic-bezier(.3,.7,.3,1) [duration] — raw duration: .7s
• token-values: components/text-reveal/text-reveal.css: transition: transform .7s cubic-bezier(.3,.7,.3,1) [easing] — raw easing: cubic-bezier(.3,.7,.3,1)
• token-values: components/text-reveal/text-reveal.css: transition-delay: calc(var(--i,0)*45ms) [duration] — raw duration: 45ms

components/textarea — Failed

• token-values: components/textarea/textarea.css: transition: border-color .15s,box-shadow .15s [duration] — raw duration: .15s
• focus-visible: preview.html: <textarea> k-textarea

components/tilt-card — Failed

• token-values: components/tilt-card/tilt-card.css: transition: transform .3s ease-out [duration] — raw duration: .3s
• token-values: components/tilt-card/tilt-card.css: transition: transform .3s ease-out [easing] — raw easing: ease-out
• token-values: components/tilt-card/tilt-card.css: transition: transform .08s linear [duration] — raw duration: .08s
• token-values: components/tilt-card/tilt-card.css: transition: transform .08s linear [easing] — raw easing: linear
• token-values: components/tilt-card/tilt-card.css: background: radial-gradient(340px circle at var(--gx,50%) var(--gy,50%), rgba(255,255,255,.14), transparent 65%) [color] — raw color: rgba(255,255,255,.14)

components/time-picker — Failed

• token-values: components/time-picker/time-picker.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: components/time-picker/time-picker.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/time-picker/time-picker.css: box-shadow: 0 20px 44px -14px rgba(16,24,40,.22) [shadow] — raw shadow: 20px; raw shadow: 44px; raw shadow: -14px; raw color: rgba(16,24,40,.22)
• token-values: components/time-picker/time-picker.css: border-radius: 8px [radius] — raw radius: 8px
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <button> k-tp-btn

components/timeline — Failed

• token-values: components/timeline/timeline.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: components/timeline/timeline.css: border: 2px solid var(--k-border-strong) [border] — raw border: 2px

components/toast — Failed

• shared-token-scope: --k-toast-ink
• shared-token-scope: --k-toast-sub
• token-values: components/toast/toast.css: border-radius: 12px [radius] — raw radius: 12px
• token-values: components/toast/toast.css: box-shadow: 0 20px 44px -14px rgba(0,0,0,.45) [shadow] — raw shadow: 20px; raw shadow: 44px; raw shadow: -14px; raw color: rgba(0,0,0,.45)
• token-values: components/toast/toast.css: animation: k-tin .3s cubic-bezier(.3,1.2,.4,1) [duration] — raw duration: .3s
• focus-visible: combos.html: <button> btn btn-pri btn-md

components/toggle — Failed

• token-values: components/toggle/toggle.css: border-radius: 9px [radius] — raw radius: 9px
• token-values: components/toggle/toggle.css: transition: background .13s,border-color .13s,color .13s [duration] — raw duration: .13s
• token-values: components/toggle/toggle.css: border-radius: 12px [radius] — raw radius: 12px

components/tooltip — Failed

• token-values: components/tooltip/tooltip.css: border-radius: 6px [radius] — raw radius: 6px
• token-values: components/tooltip/tooltip.css: transition: opacity .15s,transform .15s [duration] — raw duration: .15s
• token-values: components/tooltip/tooltip.css: border: 5px solid transparent [border] — raw border: 5px
• token-values: components/tooltip/tooltip.css: transition: opacity .15s [duration] — raw duration: .15s

components/torn-ticket — Failed

• token-values: components/torn-ticket/torn-ticket.css: border-radius: 13px [radius] — raw radius: 13px
• token-values: components/torn-ticket/torn-ticket.css: box-shadow: 0 14px 28px -14px rgba(16,24,40,.28) [shadow] — raw shadow: 14px; raw shadow: 28px; raw shadow: -14px; raw color: rgba(16,24,40,.28)
• token-values: components/torn-ticket/torn-ticket.css: border-inline-start: 2px dashed var(--k-zinc-300) [border] — raw border: 2px

components/tour — Failed

• token-values: components/tour/tour.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/tour/tour.css: border: 2px solid var(--k-accent) [border] — raw border: 2px
• token-values: components/tour/tour.css: border-radius: 10px [radius] — raw radius: 10px
• token-values: components/tour/tour.css: box-shadow: 0 0 0 5px var(--k-accent-bg-strong) [shadow] — raw shadow: 5px
• token-values: components/tour/tour.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/tour/tour.css: box-shadow: 0 18px 44px -14px rgba(16,24,40,.28) [shadow] — raw shadow: 18px; raw shadow: 44px; raw shadow: -14px; raw color: rgba(16,24,40,.28)
• token-values: components/tour/tour.css: border-radius: 99px [radius] — raw radius: 99px

components/tracing-beam — Failed

• token-values: components/tracing-beam/tracing-beam.css: box-shadow: 0 0 0 4px var(--k-accent-bg) [shadow] — raw shadow: 4px

components/transfer — Failed

• token-values: components/transfer/transfer.css: border-radius: 8px [radius] — raw radius: 8px
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>
• focus-visible: preview.html: <input>

components/tree — Failed

• token-values: components/tree/tree.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: components/tree/tree.css: border-radius: 5px [radius] — raw radius: 5px
• token-values: components/tree/tree.css: transition: transform .15s var(--k-ease) [duration] — raw duration: .15s
• focus-visible: preview.html: <button> tg
• focus-visible: preview.html: <button> tg
• focus-visible: preview.html: <button> tg
• focus-visible: preview.html: <button> tg
• focus-visible: preview.html: <button> tg

components/typeset — Failed

• token-values: components/typeset/typeset.css: border-radius: 5px [radius] — raw radius: 5px
• token-values: components/typeset/typeset.css: border-inline-start: 2px solid var(--k-accent) [border] — raw border: 2px
• focus-visible: preview.html: <a>

components/typewriter — Failed

• token-values: components/typewriter/typewriter.css: animation: k-type-blink 1.05s steps(1) infinite [duration] — raw duration: 1.05s
• token-values: components/typewriter/typewriter.css: animation: k-type-blink 1.05s steps(1) infinite [easing] — raw easing: steps(1)

components/wagara — Failed

• token-values: components/wagara/wagara.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: components/wagara/wagara.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/wagara/wagara.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: components/wagara/wagara.css: border-radius: 99px [radius] — raw radius: 99px
• focus-visible: preview.html: <button> k-wag-btn k-wag-tone
• focus-visible: preview.html: <button> k-wag-btn on
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn
• focus-visible: preview.html: <button> k-wag-btn

components/warp-tunnel — Failed

• token-values: components/warp-tunnel/warp-tunnel.css: animation: k-warp-fly 5s linear infinite [duration] — raw duration: 5s
• token-values: components/warp-tunnel/warp-tunnel.css: animation: k-warp-fly 5s linear infinite [easing] — raw easing: linear
• token-values: components/warp-tunnel/preview.html: animation-delay: 0.42s [duration] — raw duration: 0.42s
• token-values: components/warp-tunnel/preview.html: animation-delay: 0.84s [duration] — raw duration: 0.84s
• token-values: components/warp-tunnel/preview.html: animation-delay: 1.26s [duration] — raw duration: 1.26s
• token-values: components/warp-tunnel/preview.html: animation-delay: 1.68s [duration] — raw duration: 1.68s
• token-values: components/warp-tunnel/preview.html: animation-delay: 2.10s [duration] — raw duration: 2.10s
• token-values: components/warp-tunnel/preview.html: animation-delay: 2.52s [duration] — raw duration: 2.52s
• token-values: components/warp-tunnel/preview.html: animation-delay: 2.94s [duration] — raw duration: 2.94s
• token-values: components/warp-tunnel/preview.html: animation-delay: 3.36s [duration] — raw duration: 3.36s
• token-values: components/warp-tunnel/preview.html: animation-delay: 3.78s [duration] — raw duration: 3.78s
• token-values: components/warp-tunnel/preview.html: animation-delay: 4.20s [duration] — raw duration: 4.20s
• token-values: components/warp-tunnel/preview.html: animation-delay: 4.62s [duration] — raw duration: 4.62s

components/word-rotate — Failed

• token-values: components/word-rotate/word-rotate.css: transition: transform .55s cubic-bezier(.65,0,.2,1) [duration] — raw duration: .55s
• token-values: components/word-rotate/word-rotate.css: transition: transform .55s cubic-bezier(.65,0,.2,1) [easing] — raw easing: cubic-bezier(.65,0,.2,1)

blocks/app-shell — Failed

• token-values: blocks/app-shell/app-shell.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/app-shell/app-shell.css: border-radius: 8px [radius] — raw radius: 8px
• focus-visible: preview.html: <a>

blocks/cookie-consent — Failed

• token-values: blocks/cookie-consent/cookie-consent.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/cookie-consent/cookie-consent.css: border-radius: 13px [radius] — raw radius: 13px
• token-values: blocks/cookie-consent/cookie-consent.css: box-shadow: 0 14px 34px -12px rgba(16,24,40,.25) [shadow] — raw shadow: 14px; raw shadow: 34px; raw shadow: -12px; raw color: rgba(16,24,40,.25)
• focus-visible: preview.html: <a>

blocks/cta-band — Failed

• token-values: blocks/cta-band/cta-band.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: blocks/cta-band/cta-band.css: border-radius: 16px [radius] — raw radius: 16px

blocks/faq — Failed

• focus-visible: preview.html: <a>

blocks/filter-toolbar — Failed

• token-values: blocks/filter-toolbar/filter-toolbar.css: border-radius: 13px [radius] — raw radius: 13px

blocks/integrations — Failed

• token-values: blocks/integrations/integrations.css: border-radius: 13px [radius] — raw radius: 13px
• token-values: blocks/integrations/integrations.css: transition: border-color .14s [duration] — raw duration: .14s
• token-values: blocks/integrations/integrations.css: border-radius: 10px [radius] — raw radius: 10px

blocks/invoice — Failed

• token-values: blocks/invoice/invoice.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/invoice/invoice.css: border-top: 2px solid var(--k-line) [border] — raw border: 2px

blocks/kanban — Failed

• token-values: blocks/kanban/kanban.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/kanban/kanban.css: border-radius: 99px [radius] — raw radius: 99px
• token-values: blocks/kanban/kanban.css: border-radius: 11px [radius] — raw radius: 11px
• token-values: blocks/kanban/kanban.css: box-shadow: 0 1px 2px rgba(16,24,40,.05) [shadow] — raw shadow: 1px; raw shadow: 2px; raw color: rgba(16,24,40,.05)

blocks/login — Failed

• token-values: blocks/login/login.css: border-radius: 16px [radius] — raw radius: 16px
• focus-visible: preview.html: <a> login-link
• focus-visible: preview.html: <a>

blocks/logo-cloud — Passed

No failed static checks.

blocks/order-confirmation — Failed

• token-values: blocks/order-confirmation/order-confirmation.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/order-confirmation/order-confirmation.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: blocks/order-confirmation/order-confirmation.css: border-radius: 11px [radius] — raw radius: 11px

blocks/plan-compare — Failed

• token-values: blocks/plan-compare/plan-compare.css: border-bottom: 2px solid var(--k-line) [border] — raw border: 2px
• token-values: blocks/plan-compare/plan-compare.css: border-radius: 10px 10px 0 0 [radius] — raw radius: 10px

blocks/pricing — Failed

• token-values: blocks/pricing/pricing.css: border-radius: 14px [radius] — raw radius: 14px
• js-single-instance: document.querySelector('[data-billing]
• js-global-bindings: const billSwitch

blocks/roadmap — Failed

• token-values: blocks/roadmap/roadmap.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/roadmap/roadmap.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: blocks/roadmap/roadmap.css: border-radius: 11px [radius] — raw radius: 11px

blocks/settings — Failed

• token-values: blocks/settings/settings.css: border-radius: 14px [radius] — raw radius: 14px
• focus-visible: preview.html: <textarea> k-textarea

blocks/site-footer — Failed

• token-values: blocks/site-footer/site-footer.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/site-footer/site-footer.css: border: 2.5px solid var(--k-ink) [border] — raw border: 2.5px
• token-values: blocks/site-footer/site-footer.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: blocks/site-footer/site-footer.css: border-radius: 2.5px [radius] — raw radius: 2.5px
• token-values: blocks/site-footer/site-footer.css: border-radius: 8px [radius] — raw radius: 8px
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>

blocks/site-header — Failed

• token-values: blocks/site-header/site-header.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/site-header/site-header.css: border: 2.5px solid var(--k-ink) [border] — raw border: 2.5px
• token-values: blocks/site-header/site-header.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: blocks/site-header/site-header.css: border-radius: 2.5px [radius] — raw radius: 2.5px
• token-values: blocks/site-header/site-header.css: border-radius: 9px [radius] — raw radius: 9px
• focus-visible: preview.html: <a> brand
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <button> burger
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• js-single-instance: document.querySelector('[data-hdr-btn]
• js-single-instance: document.querySelector('[data-hdr-panel]
• js-global-bindings: const hdrBtn
• js-global-bindings: const hdrPanel

blocks/stat-cards — Failed

• token-values: blocks/stat-cards/stat-cards.css: border-radius: 12px [radius] — raw radius: 12px

blocks/team — Failed

• token-values: blocks/team/team.css: border-radius: 14px [radius] — raw radius: 14px

blocks/testimonials — Passed

No failed static checks.

blocks/use-cases — Failed

• token-values: blocks/use-cases/use-cases.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/use-cases/use-cases.css: transition: transform .2s var(--k-ease) [duration] — raw duration: .2s
• token-values: blocks/use-cases/use-cases.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/use-cases/use-cases.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: blocks/use-cases/use-cases.css: animation: k-uc-in .45s var(--k-ease) [duration] — raw duration: .45s
• focus-visible: preview.html: <button> k-uc-row open
• focus-visible: preview.html: <button> k-uc-row
• focus-visible: preview.html: <button> k-uc-row
• focus-visible: preview.html: <button> k-uc-row
• js-global-bindings: const ucRows
• js-global-bindings: const ucScenes

templates/blog-article — Failed

• token-values: templates/blog-article/blog-article.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: templates/blog-article/blog-article.css: border-radius: 13px [radius] — raw radius: 13px
• token-values: templates/blog-article/blog-article.css: border-inline-start: 3px solid var(--k-accent) [border] — raw border: 3px
• token-values: templates/blog-article/blog-article.css: border-radius: 5px [radius] — raw radius: 5px
• token-values: templates/blog-article/blog-article.css: border-radius: 11px [radius] — raw radius: 11px
• token-values: templates/blog-article/blog-article.css: border-inline-start: 2px solid var(--k-line) [border] — raw border: 2px
• token-values: templates/blog-article/blog-article.css: border-radius: 13px [radius] — raw radius: 13px
• token-values: templates/blog-article/blog-article.css: border-radius: 12px [radius] — raw radius: 12px
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a> on
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>

templates/checkout — Failed

• token-values: templates/checkout/checkout.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: templates/checkout/checkout.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: templates/checkout/checkout.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: templates/checkout/checkout.css: border-top: 2px solid var(--k-line) [border] — raw border: 2px

templates/dashboard — Failed

• token-values: templates/dashboard/dashboard.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: templates/dashboard/dashboard.css: border-radius: 7px [radius] — raw radius: 7px
• token-values: templates/dashboard/dashboard.css: border: 2px solid var(--k-ink) [border] — raw border: 2px
• token-values: templates/dashboard/dashboard.css: border-radius: 2.5px [radius] — raw radius: 2.5px
• token-values: templates/dashboard/dashboard.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: templates/dashboard/dashboard.css: border-radius: 12px [radius] — raw radius: 12px
• focus-visible: preview.html: <a> on
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <button> k-dt-sort

templates/inbox — Failed

• token-values: templates/inbox/inbox.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: templates/inbox/inbox.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: templates/inbox/inbox.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: templates/inbox/inbox.css: border-radius: 50% [radius] — raw radius: 50%
• focus-visible: preview.html: <a> on
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <input> input
• focus-visible: preview.html: <textarea> k-textarea

templates/landing — Failed

• token-values: templates/landing/landing.css: border-radius: 16px [radius] — raw radius: 16px
• focus-visible: preview.html: <a> brand
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <button> burger
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>

templates/product-page — Failed

• token-values: templates/product-page/product-page.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: templates/product-page/product-page.css: border-radius: 14px [radius] — raw radius: 14px
• token-values: templates/product-page/product-page.css: border-radius: 10px [radius] — raw radius: 10px
• token-values: templates/product-page/product-page.css: border-radius: 50% [radius] — raw radius: 50%
• token-values: templates/product-page/product-page.css: border: 2px solid var(--k-bg) [border] — raw border: 2px
• token-values: templates/product-page/product-page.css: box-shadow: 0 0 0 1px var(--k-line) [shadow] — raw shadow: 1px
• token-values: templates/product-page/product-page.css: box-shadow: 0 0 0 2px var(--k-accent) [shadow] — raw shadow: 2px
• token-values: templates/product-page/product-page.css: box-shadow: 0 0 0 2px var(--k-ink) [shadow] — raw shadow: 2px
• token-values: templates/product-page/product-page.css: border-radius: 9px [radius] — raw radius: 9px
• token-values: templates/product-page/product-page.css: border-radius: 12px [radius] — raw radius: 12px
• focus-visible: preview.html: <button>
• focus-visible: preview.html: <button>

templates/settings-page — Failed

• token-values: templates/settings-page/settings-page.css: border-radius: 16px [radius] — raw radius: 16px
• token-values: templates/settings-page/settings-page.css: border-radius: 8px [radius] — raw radius: 8px
• token-values: templates/settings-page/settings-page.css: border-radius: 12px [radius] — raw radius: 12px
• focus-visible: preview.html: <a> on
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <a>
• focus-visible: preview.html: <textarea> k-textarea