Skip to content

Update buttons outline color #77

Update buttons outline color

Update buttons outline color #77

Triggered via pull request December 18, 2024 10:14
Status Failure
Total duration 40s
Artifacts

run-specs-and-build.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

3 errors and 1 warning
src/components/ui/button/button.spec.tsx > Button > match snapshot: src/components/ui/button/button.spec.tsx#L9
Error: Snapshot `Button > match snapshot 1` mismatched - Expected + Received <div> <button - class="btn btn-primary hover:bg-blue-800 hover:border-blue-800 active:bg-blue-800 active:border-blue-800 disabled:bg-slate-200 disabled:border-slate-200 disabled:text-white btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-primary hover:bg-blue-800 hover:border-blue-800 active:bg-blue-800 active:border-blue-800 disabled:bg-slate-200 disabled:border-slate-200 disabled:text-white" > Label </button> </div> ❯ src/components/ui/button/button.spec.tsx:9:23
src/components/ui/pagination/pagination.spec.tsx > Pagination > match snapshot: src/components/ui/pagination/pagination.spec.tsx#L18
Error: Snapshot `Pagination > match snapshot 1` mismatched - Expected + Received @@ -1,11 +1,11 @@ <div> <div class="w-full px-6 py-4 bg-white justify-between items-start inline-flex" > <button - class="btn btn-secondary bg-white border-slate-300 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:border-slate-200 disabled:bg-white btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-secondary bg-white border-slate-300 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:border-slate-200 disabled:bg-white" disabled="" > <svg class="remixicon fill-slate-200" fill="default" @@ -23,47 +23,47 @@ </button> <div class="flex grow gap-2 justify-center" > <button - class="btn text-blue-700 bg-blue-50 border-blue-200 hover:bg-blue-100 hover:border-blue-300 active:bg-blue-100 active:border-blue-300 disabled:bg-blue-50 disabled:border-blue-200 disabled:text-blue-200 btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 text-blue-700 bg-blue-50 border-blue-200 hover:bg-blue-100 hover:border-blue-300 active:bg-blue-100 active:border-blue-300 disabled:bg-blue-50 disabled:border-blue-200 disabled:text-blue-200 outline-blue-500" > 1 </button> <button - class="btn btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent outline-slate-300" > 2 </button> <button - class="btn btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent outline-slate-300" > 3 </button> <span class="flex h-8 mt-1" > ... </span> <button - class="btn btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent outline-slate-300" > 13 </button> <button - class="btn btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent outline-slate-300" > 14 </button> <button - class="btn btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-ghost text-slate-600 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:bg-transparent outline-slate-300" > 15 </button> </div> <button - class="btn btn-secondary bg-white border-slate-300 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:border-slate-200 disabled:bg-white btn-sm rounded-md px-3.5 py-2" + class="btn btn-sm rounded-md px-3.5 py-2 btn-secondary bg-white border-slate-300 hover:bg-slate-100 active:bg-slate-100 disabled:text-slate-200 disabled:border-slate-200 disabled:bg-white" > Next <svg class="remixicon " ❯ src/components/ui/pagination/pagination.spec.tsx:18:23
deploy
Process completed with exit code 1.
deploy
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636