@budibase/bbui 2.6.16-alpha.1 → 2.6.16-alpha.3
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.6.16-alpha.
|
|
4
|
+
"version": "2.6.16-alpha.3",
|
|
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.6.16-alpha.
|
|
42
|
-
"@budibase/string-templates": "2.6.16-alpha.
|
|
41
|
+
"@budibase/shared-core": "2.6.16-alpha.3",
|
|
42
|
+
"@budibase/string-templates": "2.6.16-alpha.3",
|
|
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": "13516a61c7bd197183382add792b04233af97bcf"
|
|
94
94
|
}
|
package/src/Button/Button.svelte
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import "@spectrum-css/button/dist/index-vars.css"
|
|
3
3
|
import Tooltip from "../Tooltip/Tooltip.svelte"
|
|
4
4
|
|
|
5
|
+
export let type
|
|
5
6
|
export let disabled = false
|
|
6
7
|
export let size = "M"
|
|
7
8
|
export let cta = false
|
|
@@ -21,6 +22,7 @@
|
|
|
21
22
|
|
|
22
23
|
<button
|
|
23
24
|
{id}
|
|
25
|
+
{type}
|
|
24
26
|
class:spectrum-Button--cta={cta}
|
|
25
27
|
class:spectrum-Button--primary={primary}
|
|
26
28
|
class:spectrum-Button--secondary={secondary}
|
|
@@ -73,6 +75,7 @@
|
|
|
73
75
|
button {
|
|
74
76
|
position: relative;
|
|
75
77
|
}
|
|
78
|
+
|
|
76
79
|
.spectrum-Button-label {
|
|
77
80
|
white-space: nowrap;
|
|
78
81
|
overflow: hidden;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { slide } from "svelte/transition"
|
|
3
|
+
|
|
4
|
+
export let error = null
|
|
5
|
+
</script>
|
|
6
|
+
|
|
7
|
+
<div transition:slide|local={{ duration: 130 }} class="error-message">
|
|
8
|
+
{error}
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<style>
|
|
12
|
+
.error-message {
|
|
13
|
+
background: var(--spectrum-global-color-red-400);
|
|
14
|
+
color: white;
|
|
15
|
+
font-size: 14px;
|
|
16
|
+
padding: 6px 16px;
|
|
17
|
+
font-weight: 500;
|
|
18
|
+
}
|
|
19
|
+
</style>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import Icon from "../Icon/Icon.svelte"
|
|
3
3
|
import { getContext, onMount } from "svelte"
|
|
4
|
-
import
|
|
4
|
+
import ErrorMessage from "./ErrorMessage.svelte"
|
|
5
5
|
|
|
6
6
|
export let disabled = false
|
|
7
7
|
export let error = null
|
|
@@ -55,9 +55,7 @@
|
|
|
55
55
|
{/if}
|
|
56
56
|
</div>
|
|
57
57
|
{#if error}
|
|
58
|
-
<
|
|
59
|
-
{error}
|
|
60
|
-
</div>
|
|
58
|
+
<ErrorMessage {error} />
|
|
61
59
|
{/if}
|
|
62
60
|
</div>
|
|
63
61
|
|
|
@@ -110,13 +108,6 @@
|
|
|
110
108
|
.field {
|
|
111
109
|
flex: 1 1 auto;
|
|
112
110
|
}
|
|
113
|
-
.error-message {
|
|
114
|
-
background: var(--spectrum-global-color-red-400);
|
|
115
|
-
color: white;
|
|
116
|
-
font-size: 14px;
|
|
117
|
-
padding: 6px 16px;
|
|
118
|
-
font-weight: 500;
|
|
119
|
-
}
|
|
120
111
|
.error-icon {
|
|
121
112
|
flex: 0 0 auto;
|
|
122
113
|
}
|
package/src/FancyForm/index.js
CHANGED
|
@@ -4,3 +4,4 @@ export { default as FancySelect } from "./FancySelect.svelte"
|
|
|
4
4
|
export { default as FancyButton } from "./FancyButton.svelte"
|
|
5
5
|
export { default as FancyForm } from "./FancyForm.svelte"
|
|
6
6
|
export { default as FancyButtonRadio } from "./FancyButtonRadio.svelte"
|
|
7
|
+
export { default as ErrorMessage } from "./ErrorMessage.svelte"
|