Add over background button variant

This commit is contained in:
Andrew Kingston 2021-08-13 12:22:35 +01:00
parent c7687b6400
commit 96992ed1bb
2 changed files with 8 additions and 0 deletions

View File

@ -267,6 +267,10 @@
{ {
"label": "Warning", "label": "Warning",
"value": "warning" "value": "warning"
},
{
"label": "Over Background",
"value": "overBackground"
} }
], ],
"defaultValue": "primary" "defaultValue": "primary"

View File

@ -1,5 +1,6 @@
<script> <script>
import { getContext } from "svelte" import { getContext } from "svelte"
import "@spectrum-css/button/dist/index-vars.css"
const { styleable } = getContext("sdk") const { styleable } = getContext("sdk")
const component = getContext("component") const component = getContext("component")
@ -27,4 +28,7 @@
width: fit-content; width: fit-content;
width: -moz-fit-content; width: -moz-fit-content;
} }
.spectrum-Button--overBackground:hover {
color: #555;
}
</style> </style>