@budibase/bbui 2.5.6-alpha.16 → 2.5.6-alpha.18
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/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": "2.5.6-alpha.
|
|
4
|
+
"version": "2.5.6-alpha.18",
|
|
5
5
|
"license": "MPL-2.0",
|
|
6
6
|
"svelte": "src/index.js",
|
|
7
7
|
"module": "dist/bbui.es.js",
|
|
@@ -38,8 +38,8 @@
|
|
|
38
38
|
],
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@adobe/spectrum-css-workflow-icons": "1.2.1",
|
|
41
|
-
"@budibase/shared-core": "2.5.6-alpha.
|
|
42
|
-
"@budibase/string-templates": "2.5.6-alpha.
|
|
41
|
+
"@budibase/shared-core": "2.5.6-alpha.18",
|
|
42
|
+
"@budibase/string-templates": "2.5.6-alpha.18",
|
|
43
43
|
"@spectrum-css/accordion": "3.0.24",
|
|
44
44
|
"@spectrum-css/actionbutton": "1.0.1",
|
|
45
45
|
"@spectrum-css/actiongroup": "1.0.1",
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
"resolutions": {
|
|
91
91
|
"loader-utils": "1.4.1"
|
|
92
92
|
},
|
|
93
|
-
"gitHead": "
|
|
93
|
+
"gitHead": "4538a362bc2ac1be1e2089a79cec321d87b0d790"
|
|
94
94
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
export let message = ""
|
|
8
8
|
export let onConfirm = undefined
|
|
9
9
|
export let buttonText = ""
|
|
10
|
-
|
|
10
|
+
export let cta = false
|
|
11
11
|
$: icon = selectIcon(type)
|
|
12
12
|
// if newlines used, convert them to different elements
|
|
13
13
|
$: split = message.split("\n")
|
|
@@ -41,7 +41,9 @@
|
|
|
41
41
|
{/each}
|
|
42
42
|
{#if onConfirm}
|
|
43
43
|
<div class="spectrum-InLineAlert-footer button">
|
|
44
|
-
<Button secondary on:click={onConfirm}
|
|
44
|
+
<Button {cta} secondary={cta ? false : true} on:click={onConfirm}
|
|
45
|
+
>{buttonText || "OK"}</Button
|
|
46
|
+
>
|
|
45
47
|
</div>
|
|
46
48
|
{/if}
|
|
47
49
|
</div>
|
|
@@ -57,7 +59,6 @@
|
|
|
57
59
|
--spectrum-semantic-negative-icon-color: #e34850;
|
|
58
60
|
min-width: 100px;
|
|
59
61
|
margin: 0;
|
|
60
|
-
border-color: var(--spectrum-global-color-gray-400);
|
|
61
62
|
border-width: 1px;
|
|
62
63
|
}
|
|
63
64
|
</style>
|
package/src/Layout/Page.svelte
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
export let wide = false
|
|
6
6
|
export let narrow = false
|
|
7
|
+
export let narrower = false
|
|
7
8
|
export let noPadding = false
|
|
8
9
|
|
|
9
10
|
let sidePanelVisble = false
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
|
|
17
18
|
<div class="page">
|
|
18
19
|
<div class="main">
|
|
19
|
-
<div class="content" class:wide class:noPadding class:narrow>
|
|
20
|
+
<div class="content" class:wide class:noPadding class:narrow class:narrower>
|
|
20
21
|
<slot />
|
|
21
22
|
<div class="fix-scroll-padding" />
|
|
22
23
|
</div>
|
|
@@ -70,6 +71,9 @@
|
|
|
70
71
|
.content.narrow {
|
|
71
72
|
max-width: 840px;
|
|
72
73
|
}
|
|
74
|
+
.content.narrower {
|
|
75
|
+
max-width: 700px;
|
|
76
|
+
}
|
|
73
77
|
#side-panel {
|
|
74
78
|
position: absolute;
|
|
75
79
|
right: 0;
|
package/src/Stores/banner.js
CHANGED
|
@@ -3,6 +3,7 @@ import { writable } from "svelte/store"
|
|
|
3
3
|
export const BANNER_TYPES = {
|
|
4
4
|
INFO: "info",
|
|
5
5
|
NEGATIVE: "negative",
|
|
6
|
+
WARNING: "warning",
|
|
6
7
|
}
|
|
7
8
|
|
|
8
9
|
export function createBannerStore() {
|
|
@@ -38,7 +39,8 @@ export function createBannerStore() {
|
|
|
38
39
|
const queue = async entries => {
|
|
39
40
|
const priority = {
|
|
40
41
|
[BANNER_TYPES.NEGATIVE]: 0,
|
|
41
|
-
[BANNER_TYPES.
|
|
42
|
+
[BANNER_TYPES.WARNING]: 1,
|
|
43
|
+
[BANNER_TYPES.INFO]: 2,
|
|
42
44
|
}
|
|
43
45
|
banner.update(store => {
|
|
44
46
|
const sorted = [...store.messages, ...entries].sort((a, b) => {
|
|
@@ -3,9 +3,13 @@
|
|
|
3
3
|
|
|
4
4
|
export let size = "M"
|
|
5
5
|
export let serif = false
|
|
6
|
+
export let weight = 600
|
|
6
7
|
</script>
|
|
7
8
|
|
|
8
9
|
<p
|
|
10
|
+
style={`
|
|
11
|
+
${weight ? `font-weight:${weight};` : ""}
|
|
12
|
+
`}
|
|
9
13
|
class="spectrum-Detail spectrum-Detail--size{size}"
|
|
10
14
|
class:spectrum-Detail--serif={serif}
|
|
11
15
|
>
|
|
@@ -13,7 +17,4 @@
|
|
|
13
17
|
</p>
|
|
14
18
|
|
|
15
19
|
<style>
|
|
16
|
-
p {
|
|
17
|
-
font-weight: 600;
|
|
18
|
-
}
|
|
19
20
|
</style>
|