@budibase/bbui 3.4.4 → 3.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bbui.mjs +1 -1
- package/package.json +2 -2
- package/src/ActionButton/ActionButton.svelte +12 -12
- package/src/Divider/Divider.svelte +2 -2
- package/src/Link/Link.svelte +11 -11
- package/src/List/ListItem.svelte +9 -9
package/dist/bbui.mjs
CHANGED
|
@@ -74389,7 +74389,7 @@ function create_fragment$8(f) {
|
|
|
74389
74389
|
};
|
|
74390
74390
|
}
|
|
74391
74391
|
function instance$8(f, u, p) {
|
|
74392
|
-
let { $$slots: m = {}, $$scope: v } = u, { icon: y =
|
|
74392
|
+
let { $$slots: m = {}, $$scope: v } = u, { icon: y = void 0 } = u, { iconColor: k = void 0 } = u, { title: S = void 0 } = u, { subtitle: T = void 0 } = u, { url: D = void 0 } = u, { hoverable: R = !1 } = u, { showArrow: L = !1 } = u, { selected: P = !1 } = u;
|
|
74393
74393
|
function N(W) {
|
|
74394
74394
|
bubble.call(this, f, W);
|
|
74395
74395
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@budibase/bbui",
|
|
3
3
|
"description": "A UI solution used in the different Budibase projects.",
|
|
4
|
-
"version": "3.4.
|
|
4
|
+
"version": "3.4.5",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
6
|
"svelte": "src/index.ts",
|
|
7
7
|
"module": "dist/bbui.mjs",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "958fd67861ab73e4149f06880161f3ecb25f908e"
|
|
103
103
|
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
<script>
|
|
1
|
+
<script lang="ts">
|
|
2
2
|
import "@spectrum-css/actionbutton/dist/index-vars.css"
|
|
3
3
|
import Tooltip from "../Tooltip/Tooltip.svelte"
|
|
4
4
|
import { fade } from "svelte/transition"
|
|
5
5
|
import { hexToRGBA } from "../helpers"
|
|
6
6
|
|
|
7
|
-
export let quiet = false
|
|
8
|
-
export let selected = false
|
|
9
|
-
export let disabled = false
|
|
10
|
-
export let icon = ""
|
|
11
|
-
export let size = "M"
|
|
12
|
-
export let active = false
|
|
13
|
-
export let fullWidth = false
|
|
14
|
-
export let noPadding = false
|
|
15
|
-
export let tooltip = ""
|
|
16
|
-
export let accentColor = null
|
|
7
|
+
export let quiet: boolean = false
|
|
8
|
+
export let selected: boolean = false
|
|
9
|
+
export let disabled: boolean = false
|
|
10
|
+
export let icon: string = ""
|
|
11
|
+
export let size: "S" | "M" | "L" = "M"
|
|
12
|
+
export let active: boolean = false
|
|
13
|
+
export let fullWidth: boolean = false
|
|
14
|
+
export let noPadding: boolean = false
|
|
15
|
+
export let tooltip: string = ""
|
|
16
|
+
export let accentColor: string | null = null
|
|
17
17
|
|
|
18
18
|
let showTooltip = false
|
|
19
19
|
|
|
20
20
|
$: accentStyle = getAccentStyle(accentColor)
|
|
21
21
|
|
|
22
|
-
const getAccentStyle = color => {
|
|
22
|
+
const getAccentStyle = (color: string | null) => {
|
|
23
23
|
if (!color) {
|
|
24
24
|
return ""
|
|
25
25
|
}
|
package/src/Link/Link.svelte
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
<script>
|
|
1
|
+
<script lang="ts">
|
|
2
2
|
import "@spectrum-css/link/dist/index-vars.css"
|
|
3
3
|
import { createEventDispatcher } from "svelte"
|
|
4
4
|
import Tooltip from "../Tooltip/Tooltip.svelte"
|
|
5
5
|
|
|
6
|
-
export let href = "#"
|
|
7
|
-
export let size = "M"
|
|
8
|
-
export let quiet = false
|
|
9
|
-
export let primary = false
|
|
10
|
-
export let secondary = false
|
|
11
|
-
export let overBackground = false
|
|
12
|
-
export let target = undefined
|
|
13
|
-
export let download = undefined
|
|
14
|
-
export let disabled = false
|
|
15
|
-
export let tooltip = null
|
|
6
|
+
export let href: string | null = "#"
|
|
7
|
+
export let size: "S" | "M" | "L" = "M"
|
|
8
|
+
export let quiet: boolean = false
|
|
9
|
+
export let primary: boolean = false
|
|
10
|
+
export let secondary: boolean = false
|
|
11
|
+
export let overBackground: boolean = false
|
|
12
|
+
export let target: string | undefined = undefined
|
|
13
|
+
export let download: boolean | undefined = undefined
|
|
14
|
+
export let disabled: boolean = false
|
|
15
|
+
export let tooltip: string | null = null
|
|
16
16
|
|
|
17
17
|
const dispatch = createEventDispatcher()
|
|
18
18
|
|
package/src/List/ListItem.svelte
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
<script>
|
|
1
|
+
<script lang="ts">
|
|
2
2
|
import Icon from "../Icon/Icon.svelte"
|
|
3
3
|
import StatusLight from "../StatusLight/StatusLight.svelte"
|
|
4
4
|
|
|
5
|
-
export let icon =
|
|
6
|
-
export let iconColor =
|
|
7
|
-
export let title =
|
|
8
|
-
export let subtitle =
|
|
9
|
-
export let url =
|
|
10
|
-
export let hoverable = false
|
|
11
|
-
export let showArrow = false
|
|
12
|
-
export let selected = false
|
|
5
|
+
export let icon: string | undefined = undefined
|
|
6
|
+
export let iconColor: string | undefined = undefined
|
|
7
|
+
export let title: string | undefined = undefined
|
|
8
|
+
export let subtitle: string | undefined = undefined
|
|
9
|
+
export let url: string | undefined = undefined
|
|
10
|
+
export let hoverable: boolean = false
|
|
11
|
+
export let showArrow: boolean = false
|
|
12
|
+
export let selected: boolean = false
|
|
13
13
|
</script>
|
|
14
14
|
|
|
15
15
|
<a
|