@budibase/bbui 3.13.26 → 3.13.28
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 +5874 -5863
- package/package.json +2 -2
- package/src/Banner/BannerDisplay.svelte +6 -1
- package/src/Button/Button.svelte +9 -1
- package/src/Layout/Layout.svelte +1 -1
- package/src/Tooltip/TooltipWrapper.svelte +3 -1
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.13.
|
|
4
|
+
"version": "3.13.28",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
6
|
"svelte": "src/index.ts",
|
|
7
7
|
"module": "dist/bbui.mjs",
|
|
@@ -106,5 +106,5 @@
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
|
-
"gitHead": "
|
|
109
|
+
"gitHead": "de8a462d540b26a2040f4c8059d0a2395234c628"
|
|
110
110
|
}
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
import Banner from "./Banner.svelte"
|
|
6
6
|
import { fly } from "svelte/transition"
|
|
7
7
|
import TooltipWrapper from "../Tooltip/TooltipWrapper.svelte"
|
|
8
|
+
import { TooltipPosition } from "../constants"
|
|
8
9
|
</script>
|
|
9
10
|
|
|
10
11
|
<Portal target=".banner-container">
|
|
@@ -24,7 +25,11 @@
|
|
|
24
25
|
? message.showCloseButton
|
|
25
26
|
: true}
|
|
26
27
|
>
|
|
27
|
-
<TooltipWrapper
|
|
28
|
+
<TooltipWrapper
|
|
29
|
+
tooltip={message.tooltip}
|
|
30
|
+
disabled={false}
|
|
31
|
+
position={TooltipPosition.Bottom}
|
|
32
|
+
>
|
|
28
33
|
{message.message}
|
|
29
34
|
</TooltipWrapper>
|
|
30
35
|
</Banner>
|
package/src/Button/Button.svelte
CHANGED
|
@@ -110,7 +110,15 @@
|
|
|
110
110
|
border-color: transparent;
|
|
111
111
|
color: var(--spectrum-global-color-gray-900);
|
|
112
112
|
}
|
|
113
|
-
.spectrum-Button--warning.new-styles:hover {
|
|
113
|
+
.spectrum-Button--warning.new-styles:not(.is-disabled):hover {
|
|
114
114
|
background: var(--spectrum-global-color-red-500);
|
|
115
115
|
}
|
|
116
|
+
.spectrum-Button--primary.new-styles.is-disabled {
|
|
117
|
+
background: var(--spectrum-global-color-gray-200);
|
|
118
|
+
color: var(--spectrum-global-color-gray-500);
|
|
119
|
+
}
|
|
120
|
+
.spectrum-Button--warning.new-styles.is-disabled {
|
|
121
|
+
background: var(--spectrum-global-color-gray-200);
|
|
122
|
+
color: var(--spectrum-global-color-gray-500);
|
|
123
|
+
}
|
|
116
124
|
</style>
|
package/src/Layout/Layout.svelte
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
export let horizontal: boolean = false
|
|
3
|
-
export let paddingX: "S" | "M" | "L" | "XL" | "XXL" = "M"
|
|
3
|
+
export let paddingX: "none" | "S" | "M" | "L" | "XL" | "XXL" = "M"
|
|
4
4
|
export let paddingY: "none" | "S" | "M" | "L" | "XL" | "XXL" = "M"
|
|
5
5
|
export let noPadding: boolean = false
|
|
6
6
|
export let gap: "XXS" | "XS" | "S" | "M" | "L" | "XL" = "M"
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import Icon from "../Icon/Icon.svelte"
|
|
3
3
|
import AbsTooltip from "./AbsTooltip.svelte"
|
|
4
|
+
import type { TooltipPosition } from "../constants"
|
|
4
5
|
|
|
5
6
|
export let tooltip: string = ""
|
|
6
7
|
export let size: "S" | "M" | "L" = "M"
|
|
7
8
|
export let disabled: boolean = true
|
|
9
|
+
export let position: TooltipPosition | undefined = undefined
|
|
8
10
|
</script>
|
|
9
11
|
|
|
10
12
|
<div class:container={!!tooltip}>
|
|
11
13
|
<slot />
|
|
12
14
|
{#if tooltip}
|
|
13
15
|
<div class="icon-container">
|
|
14
|
-
<AbsTooltip text={tooltip}>
|
|
16
|
+
<AbsTooltip text={tooltip} {position}>
|
|
15
17
|
<div
|
|
16
18
|
class="icon"
|
|
17
19
|
class:icon-small={size === "M" || size === "S"}
|