Update buttons outline color #77
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
|