diff --git a/packages/bbui/package.json b/packages/bbui/package.json index e244fefa4b..6383ddf845 100644 --- a/packages/bbui/package.json +++ b/packages/bbui/package.json @@ -51,6 +51,7 @@ "@spectrum-css/fieldlabel": "^3.0.1", "@spectrum-css/icon": "^3.0.1", "@spectrum-css/illustratedmessage": "^3.0.2", + "@spectrum-css/inlinealert": "^2.0.1", "@spectrum-css/inputgroup": "^3.0.2", "@spectrum-css/label": "^2.0.10", "@spectrum-css/link": "^3.1.1", diff --git a/packages/bbui/src/InlineAlert/InlineAlert.svelte b/packages/bbui/src/InlineAlert/InlineAlert.svelte new file mode 100644 index 0000000000..d3775ca7fd --- /dev/null +++ b/packages/bbui/src/InlineAlert/InlineAlert.svelte @@ -0,0 +1,48 @@ + + +
+ +
{header}
+
{message}
+ {#if onConfirm} + + {/if} +
diff --git a/packages/bbui/src/index.js b/packages/bbui/src/index.js index 08ece6b93c..377d451604 100644 --- a/packages/bbui/src/index.js +++ b/packages/bbui/src/index.js @@ -58,6 +58,7 @@ export { default as Pagination } from "./Pagination/Pagination.svelte" export { default as Badge } from "./Badge/Badge.svelte" export { default as StatusLight } from "./StatusLight/StatusLight.svelte" export { default as ColorPicker } from "./ColorPicker/ColorPicker.svelte" +export { default as InlineAlert } from "./InlineAlert/InlineAlert.svelte" // Typography export { default as Body } from "./Typography/Body.svelte" diff --git a/packages/bbui/yarn.lock b/packages/bbui/yarn.lock index a492c83266..a102e6c148 100644 --- a/packages/bbui/yarn.lock +++ b/packages/bbui/yarn.lock @@ -136,6 +136,11 @@ resolved "https://registry.yarnpkg.com/@spectrum-css/illustratedmessage/-/illustratedmessage-3.0.2.tgz#6a480be98b027e050b086e7899e40d87adb0a8c0" integrity sha512-dqnE8X27bGcO0HN8+dYx8O4o0dNNIAqeivOzDHhe2El+V4dTzMrNIerF6G0NLm3GjVf6XliwmitsZK+K6FmbtA== +"@spectrum-css/inlinealert@^2.0.1": + version "2.0.1" + resolved "https://registry.yarnpkg.com/@spectrum-css/inlinealert/-/inlinealert-2.0.1.tgz#7521f88f6c845806403cc7d925773c7414e204a2" + integrity sha512-Xy5RCOwgurqUXuGQCsEDUduDd5408bmEpmFg+feynG7VFUgLFZWBeylSENB/OqjlFtO76PHXNVdHkhDscPIHTA== + "@spectrum-css/inputgroup@^3.0.2": version "3.0.2" resolved "https://registry.yarnpkg.com/@spectrum-css/inputgroup/-/inputgroup-3.0.2.tgz#f1b13603832cbd22394f3d898af13203961f8691" diff --git a/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/index.svelte b/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/index.svelte index fc82e3a11c..e3d495f86d 100644 --- a/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/index.svelte +++ b/packages/builder/src/pages/builder/app/[application]/data/datasource/[selectedDatasource]/index.svelte @@ -1,6 +1,14 @@