3b1819952d
* Improve theming with spectrum badges and dedupe spectrum label usage * Update data section nav to match designs and use panel component * Fix main content layout in data section * Update data section routing for tables * Improve data section routing for tables to account for edge cases * Update internal and sample datasource routing * Update external datasource routing * Update routing for queries and make a top level concept like everything else * Update routing for views * Fix undefined reference when deleting datasource * Reduce network calls and fix issues with stale datasourcenavigator state * Update routing for REST queries and unify routes for normal queries and REST queries * Lint * Fix links for queries from datasource details page * Remove redundant API calls and improve table deletion logic * Improve data entity deletion logic and redirection and fix query details keying * Improve determination of selected item in datasource tree * Lint * Fix BBUI import * Fix datasource navigator selected state not working for internal DB or sample data
42 lines
1,010 B
Svelte
42 lines
1,010 B
Svelte
<script>
|
|
import "@spectrum-css/label/dist/index-vars.css"
|
|
|
|
export let size = "M"
|
|
export let grey = false
|
|
export let red = false
|
|
export let orange = false
|
|
export let yellow = false
|
|
export let seafoam = false
|
|
export let green = false
|
|
export let active = false
|
|
export let inactive = false
|
|
export let hoverable = false
|
|
</script>
|
|
|
|
<span
|
|
on:click
|
|
class="spectrum-Label"
|
|
class:hoverable
|
|
class:spectrum-Label--small={size === "S"}
|
|
class:spectrum-Label--large={size === "L"}
|
|
class:spectrum-Label--grey={grey}
|
|
class:spectrum-Label--red={red}
|
|
class:spectrum-Label--green={green}
|
|
class:spectrum-Label--orange={orange}
|
|
class:spectrum-Label--yellow={yellow}
|
|
class:spectrum-Label--seafoam={seafoam}
|
|
class:spectrum-Label--active={active}
|
|
class:spectrum-Label--inactive={inactive}
|
|
>
|
|
<slot />
|
|
</span>
|
|
|
|
<style>
|
|
.spectrum-Label--grey {
|
|
background-color: var(--spectrum-global-color-gray-500);
|
|
font-weight: 600;
|
|
}
|
|
.hoverable:hover {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|