From f811d28d0b763c83b91748f5d58a296d8a957ab5 Mon Sep 17 00:00:00 2001 From: Joe <49767913+joebudi@users.noreply.github.com> Date: Mon, 9 Dec 2024 09:32:51 +0000 Subject: [PATCH] workflow icons added replace icons with spectrum workflow icons 4.0.0 - design icons replaced - nav items replaced to do - portal - data grid - automation canvas --- packages/bbui/package.json | 2 +- .../bbui/src/ActionButton/ActionButton.svelte | 2 +- packages/bbui/src/Banner/Banner.svelte | 2 +- packages/bbui/src/Button/Button.svelte | 2 +- .../ButtonGroup/CollapsedButtonGroup.svelte | 2 +- .../src/DetailSummary/DetailSummary.svelte | 2 +- .../bbui/src/FancyForm/FancySelect.svelte | 2 +- .../src/Form/Core/DatePicker/DateInput.svelte | 2 +- .../bbui/src/Form/Core/DateRangePicker.svelte | 2 +- packages/bbui/src/Form/Core/Dropzone.svelte | 4 +- .../bbui/src/Form/Core/EnvDropdown.svelte | 8 +- packages/bbui/src/Form/Core/Picker.svelte | 2 +- .../bbui/src/Form/Core/PickerDropdown.svelte | 2 +- packages/bbui/src/Form/Core/Search.svelte | 2 +- packages/bbui/src/Form/Field.svelte | 2 +- packages/bbui/src/Icon/Icon.svelte | 4 +- .../bbui/src/IconPicker/IconPicker.svelte | 2 +- .../bbui/src/InlineAlert/InlineAlert.svelte | 2 +- packages/bbui/src/List/ListItem.svelte | 2 +- .../bbui/src/Notification/Notification.svelte | 2 +- packages/bbui/src/SideNavigation/Item.svelte | 2 +- packages/bbui/src/Table/Table.svelte | 6 +- packages/bbui/src/Tabs/Tab.svelte | 4 +- packages/bbui/src/Tags/Tag.svelte | 2 +- .../bbui/src/Tooltip/TooltipWrapper.svelte | 2 +- packages/bbui/src/TreeView/Item.svelte | 2 +- packages/bbui/src/spectrum-icons-vite.js | 2 +- .../FlowChart/ActionModal.svelte | 2 +- .../FlowChart/BranchNode.svelte | 6 +- .../FlowChart/FlowChart.svelte | 11 +- .../FlowChart/FlowItem.svelte | 14 +-- .../FlowChart/FlowItemActions.svelte | 4 +- .../FlowChart/FlowItemHeader.svelte | 12 +- .../FlowChart/StepNode.svelte | 2 +- .../AutomationPanel/AutomationNavItem.svelte | 2 +- .../UpdateAutomationModal.svelte | 2 +- .../SetupPanel/AutomationBlockSetup.svelte | 2 +- .../automation/SetupPanel/RowSelector.svelte | 2 +- .../automation/SetupPanel/SchemaSetup.svelte | 2 +- .../Shared/CreateWebhookModal.svelte | 2 +- .../DataTable/buttons/ImportButton.svelte | 2 +- .../buttons/ManageAccessButton.svelte | 2 +- .../buttons/grid/ColumnsSettingContent.svelte | 2 +- .../buttons/grid/GridGenerateButton.svelte | 4 +- .../buttons/grid/GridScreensButton.svelte | 4 +- .../buttons/grid/GridUsersTableButton.svelte | 2 +- .../grid/GridViewCalculationButton.svelte | 4 +- .../DataTable/modals/CreateEditColumn.svelte | 4 +- .../DataTable/modals/OptionsEditor.svelte | 2 +- .../DatasourceNavItem.svelte | 2 +- .../DatasourceNavigator.svelte | 4 +- .../DatasourceNavigator/QueryNavItem.svelte | 2 +- .../backend/RoleEditor/Controls.svelte | 6 +- .../TableNavItem/TableNavItem.svelte | 2 +- .../commandPalette/CommandPalette.svelte | 4 +- .../src/components/common/CodeEditor/index.js | 2 +- .../src/components/common/NavHeader.svelte | 2 +- .../src/components/common/NavItem.svelte | 2 +- .../src/components/common/TemplateCard.svelte | 2 +- .../components/common/UndoRedoControl.svelte | 8 +- .../common/bindings/BindingPanel.svelte | 2 +- .../common/bindings/BindingSidePanel.svelte | 4 +- .../bindings/DrawerBindableCombobox.svelte | 2 +- .../bindings/DrawerBindableInput.svelte | 2 +- .../common/bindings/DrawerBindableSlot.svelte | 2 +- .../common/bindings/SnippetSidePanel.svelte | 2 +- .../src/components/deploy/AppActions.svelte | 12 +- .../src/components/design/Panel.svelte | 2 +- .../actions/SaveFields.svelte | 2 +- .../controls/ColumnEditor/ColumnDrawer.svelte | 2 +- .../settings/controls/FormStepControls.svelte | 4 +- .../OptionsEditor/OptionsDrawer.svelte | 2 +- .../settings/controls/PaywalledSetting.svelte | 2 +- .../controls/TableConditionEditor.svelte | 2 +- .../ValidationEditor/ValidationDrawer.svelte | 2 +- .../integration/KeyValueBuilder.svelte | 4 +- .../QueryViewerSidePanel/index.svelte | 2 +- .../src/components/integration/index.svelte | 6 +- .../components/portal/page/Breadcrumb.svelte | 2 +- .../src/components/start/AppRow.svelte | 7 +- .../components/start/ChooseIconModal.svelte | 103 ++++++++++------ .../start/getAppContextMenuItems.js | 4 +- packages/builder/src/dataBinding.js | 2 +- .../_components/BuilderSidePanel.svelte | 4 +- .../builder/app/[application]/_layout.svelte | 5 +- .../[application]/automation/_layout.svelte | 2 +- .../RestAuthenticationBuilder.svelte | 2 +- .../_components/panels/Headers.svelte | 2 +- .../_components/CreateViewButton.svelte | 4 +- .../[tableId]/_components/ViewNavBar.svelte | 14 ++- .../Component/ConditionalUIDrawer.svelte | 2 +- .../_components/Component/InfoDisplay.svelte | 2 +- .../Navigation/SubLinksDrawer.svelte | 2 +- .../_components/Navigation/index.svelte | 10 +- .../_components/Screen/ThemePanel.svelte | 2 +- .../_components/Screen/index.svelte | 2 +- .../[screenId]/_components/AppPreview.svelte | 2 +- .../ComponentList/ComponentTree.svelte | 2 +- .../getComponentContextMenuItems.js | 30 ++--- .../getScreenContextMenuItems.js | 2 +- .../_components/ComponentList/index.svelte | 6 +- .../_components/DevicePreviewSelect.svelte | 8 +- .../ScreenList/ScreenNavItem.svelte | 2 +- .../_components/ActionsRenderer.svelte | 2 +- .../_components/AppSizeRenderer.svelte | 2 +- .../settings/backups/index.svelte | 2 +- .../src/pages/builder/apps/index.svelte | 9 +- .../src/pages/builder/auth/forgot.svelte | 2 +- .../portal/_components/LockedFeature.svelte | 4 +- .../portal/_components/UserDropdown.svelte | 4 +- .../portal/apps/FavouriteAppButton.svelte | 2 +- .../builder/portal/apps/[appId]/index.svelte | 8 +- .../portal/apps/_components/AppNavItem.svelte | 2 +- .../apps/_components/PortalSideBar.svelte | 2 +- .../plugins/_components/PluginRow.svelte | 2 +- .../builder/portal/settings/ai/index.svelte | 4 +- .../builder/portal/settings/auth/index.svelte | 2 +- .../builder/portal/settings/branding.svelte | 4 +- .../portal/users/groups/[groupId].svelte | 2 +- .../_components/GroupAppsTableRenderer.svelte | 2 +- .../builder/portal/users/groups/index.svelte | 4 +- .../portal/users/users/[userId].svelte | 6 +- .../users/_components/AddUserModal.svelte | 2 +- .../_components/AppsTableRenderer.svelte | 2 +- .../_components/GroupsTableRenderer.svelte | 2 +- .../_components/OnboardingTypeModal.svelte | 2 +- .../builder/src/stores/builder/automations.js | 2 +- packages/client/manifest.json | 116 +++++++++--------- .../client/src/components/app/Layout.svelte | 4 +- .../client/src/components/app/NavItem.svelte | 2 +- .../app/embedded-map/EmbeddedMap.svelte | 2 +- .../app/embedded-map/EmbeddedMapControls.js | 4 +- .../src/components/app/forms/Field.svelte | 2 +- .../components/devtools/DevToolsHeader.svelte | 2 +- .../src/components/ConditionField.svelte | 2 +- .../src/components/CoreFilterBuilder.svelte | 6 +- .../src/components/FilterField.svelte | 2 +- .../components/grid/cells/HeaderCell.svelte | 4 +- .../components/grid/cells/OptionsCell.svelte | 2 +- .../grid/cells/RelationshipCell.svelte | 2 +- .../grid/layout/NewColumnButton.svelte | 2 +- .../src/components/grid/layout/NewRow.svelte | 4 +- .../grid/layout/StickyColumn.svelte | 2 +- packages/server/src/automations/steps/bash.ts | 2 +- .../server/src/automations/steps/branch.ts | 2 +- .../server/src/automations/steps/createRow.ts | 2 +- .../server/src/automations/steps/deleteRow.ts | 2 +- .../src/automations/steps/executeScript.ts | 2 +- .../server/src/automations/steps/filter.ts | 2 +- .../server/src/automations/steps/openai.ts | 2 +- .../server/src/automations/steps/serverLog.ts | 4 +- .../automations/steps/triggerAutomationRun.ts | 2 +- .../server/src/automations/steps/updateRow.ts | 2 +- .../src/automations/triggerInfo/rowAction.ts | 2 +- .../src/automations/triggerInfo/rowDeleted.ts | 2 +- .../src/automations/triggerInfo/rowSaved.ts | 2 +- .../src/automations/triggerInfo/rowUpdated.ts | 2 +- packages/server/src/sdk/app/views/index.ts | 2 +- yarn.lock | 48 ++------ 159 files changed, 390 insertions(+), 397 deletions(-) diff --git a/packages/bbui/package.json b/packages/bbui/package.json index 35f6676fdc..e72e121ced 100644 --- a/packages/bbui/package.json +++ b/packages/bbui/package.json @@ -28,7 +28,7 @@ "dist" ], "dependencies": { - "@adobe/spectrum-css-workflow-icons": "1.2.1", + "@adobe/spectrum-css-workflow-icons": "4.0.0", "@budibase/shared-core": "0.0.0", "@budibase/string-templates": "0.0.0", "@spectrum-css/accordion": "3.0.24", diff --git a/packages/bbui/src/ActionButton/ActionButton.svelte b/packages/bbui/src/ActionButton/ActionButton.svelte index 2401354fbb..fcb4aa0f8e 100644 --- a/packages/bbui/src/ActionButton/ActionButton.svelte +++ b/packages/bbui/src/ActionButton/ActionButton.svelte @@ -53,7 +53,7 @@ aria-hidden="true" aria-label={icon} > - + {/if} {#if $$slots} diff --git a/packages/bbui/src/Banner/Banner.svelte b/packages/bbui/src/Banner/Banner.svelte index 2ce9795d70..4c78dd0e70 100644 --- a/packages/bbui/src/Banner/Banner.svelte +++ b/packages/bbui/src/Banner/Banner.svelte @@ -27,7 +27,7 @@ focusable="false" aria-hidden="true" > - +
diff --git a/packages/bbui/src/Button/Button.svelte b/packages/bbui/src/Button/Button.svelte index 77653d0c42..7ca79cd2b5 100644 --- a/packages/bbui/src/Button/Button.svelte +++ b/packages/bbui/src/Button/Button.svelte @@ -54,7 +54,7 @@ aria-hidden="true" aria-label={icon} > - + {/if} {#if $$slots && !reverse} diff --git a/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte b/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte index d7aad5ccff..5265f85da6 100644 --- a/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte +++ b/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte @@ -24,7 +24,7 @@
{/if} diff --git a/packages/bbui/src/FancyForm/FancySelect.svelte b/packages/bbui/src/FancyForm/FancySelect.svelte index 14911f10ab..0ccdabc5cf 100644 --- a/packages/bbui/src/FancyForm/FancySelect.svelte +++ b/packages/bbui/src/FancyForm/FancySelect.svelte @@ -90,7 +90,7 @@
- +
diff --git a/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte b/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte index 2ea4d5f000..3424963ab3 100644 --- a/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte +++ b/packages/bbui/src/Form/Core/DatePicker/DateInput.svelte @@ -41,7 +41,7 @@ focusable="false" aria-hidden="true" > - + {/if}
- +
0} on:click={navigateLeft} > - + {#if maximum !== 1} diff --git a/packages/bbui/src/Form/Core/EnvDropdown.svelte b/packages/bbui/src/Form/Core/EnvDropdown.svelte index ed5878d6b2..4b798a0049 100644 --- a/packages/bbui/src/Form/Core/EnvDropdown.svelte +++ b/packages/bbui/src/Form/Core/EnvDropdown.svelte @@ -114,9 +114,7 @@ hbsValue.length ? removeVariable() : openPopover() }} > - + - +
Add Variable
@@ -201,7 +199,7 @@ focusable="false" aria-hidden="true" > - +
Upgrade plan
diff --git a/packages/bbui/src/Form/Core/Picker.svelte b/packages/bbui/src/Form/Core/Picker.svelte index 88866196a7..c94f2b667e 100644 --- a/packages/bbui/src/Form/Core/Picker.svelte +++ b/packages/bbui/src/Form/Core/Picker.svelte @@ -235,7 +235,7 @@ {#if option.tag} - {option.tag} + {option.tag} {/if} diff --git a/packages/bbui/src/Form/Core/PickerDropdown.svelte b/packages/bbui/src/Form/Core/PickerDropdown.svelte index fa0f77ed81..cad8b484ee 100644 --- a/packages/bbui/src/Form/Core/PickerDropdown.svelte +++ b/packages/bbui/src/Form/Core/PickerDropdown.svelte @@ -120,7 +120,7 @@ style="color: {iconData?.color}" focusable="false" > - + {/if} - + {error} {:else if helpText}
- {helpText} + {helpText}
{/if} diff --git a/packages/bbui/src/Icon/Icon.svelte b/packages/bbui/src/Icon/Icon.svelte index 73ad8edd10..a56b6bf493 100644 --- a/packages/bbui/src/Icon/Icon.svelte +++ b/packages/bbui/src/Icon/Icon.svelte @@ -5,7 +5,7 @@ TooltipType, } from "../Tooltip/AbsTooltip.svelte" - export let name = "Add" + export let name = "add" export let hidden = false export let size = "M" export let hoverable = false @@ -45,7 +45,7 @@ > diff --git a/packages/bbui/src/IconPicker/IconPicker.svelte b/packages/bbui/src/IconPicker/IconPicker.svelte index 3cd7a16eb0..ba9ce2b96d 100644 --- a/packages/bbui/src/IconPicker/IconPicker.svelte +++ b/packages/bbui/src/IconPicker/IconPicker.svelte @@ -30,7 +30,7 @@ "Sandbox", "Project", "Organisations", - "Magnify", + "search", "Launch", "Car", "Camera", diff --git a/packages/bbui/src/InlineAlert/InlineAlert.svelte b/packages/bbui/src/InlineAlert/InlineAlert.svelte index edfa760eb8..a96984da3d 100644 --- a/packages/bbui/src/InlineAlert/InlineAlert.svelte +++ b/packages/bbui/src/InlineAlert/InlineAlert.svelte @@ -34,7 +34,7 @@ focusable="false" aria-hidden="true" > - +
{header}
diff --git a/packages/bbui/src/List/ListItem.svelte b/packages/bbui/src/List/ListItem.svelte index e979b2b684..10a04b210b 100644 --- a/packages/bbui/src/List/ListItem.svelte +++ b/packages/bbui/src/List/ListItem.svelte @@ -44,7 +44,7 @@
{#if showArrow} - + {/if}
diff --git a/packages/bbui/src/Notification/Notification.svelte b/packages/bbui/src/Notification/Notification.svelte index fbc7197e36..060e948269 100644 --- a/packages/bbui/src/Notification/Notification.svelte +++ b/packages/bbui/src/Notification/Notification.svelte @@ -21,7 +21,7 @@ focusable="false" aria-hidden="true" > - + {/if}
diff --git a/packages/bbui/src/SideNavigation/Item.svelte b/packages/bbui/src/SideNavigation/Item.svelte index 717a7988b8..c03cdaf9f7 100644 --- a/packages/bbui/src/SideNavigation/Item.svelte +++ b/packages/bbui/src/SideNavigation/Item.svelte @@ -38,7 +38,7 @@ focusable="false" aria-hidden="true" > - + {/if} diff --git a/packages/bbui/src/Table/Table.svelte b/packages/bbui/src/Table/Table.svelte index 228838e477..7fed9e8c59 100644 --- a/packages/bbui/src/Table/Table.svelte +++ b/packages/bbui/src/Table/Table.svelte @@ -370,7 +370,7 @@ class="spectrum-Icon spectrum-Table-autoIcon" focusable="false" > - + {/if} {#if sortColumn === field} @@ -388,7 +388,7 @@ focusable="false" on:click={e => editColumn(e, field)} > - + {/if}
@@ -462,7 +462,7 @@ class="spectrum-Icon spectrum-Icon--sizeXXL" focusable="false" > - +
{placeholderText}
diff --git a/packages/bbui/src/Tabs/Tab.svelte b/packages/bbui/src/Tabs/Tab.svelte index 3ae6adfac4..0ea9609270 100644 --- a/packages/bbui/src/Tabs/Tab.svelte +++ b/packages/bbui/src/Tabs/Tab.svelte @@ -84,7 +84,7 @@ aria-hidden="true" aria-label="Folder" > - + {/if} {title} @@ -110,7 +110,7 @@ aria-hidden="true" aria-label="Folder" > - + {/if} {title} diff --git a/packages/bbui/src/Tags/Tag.svelte b/packages/bbui/src/Tags/Tag.svelte index 0cdd6c385d..56f4c8642b 100644 --- a/packages/bbui/src/Tags/Tag.svelte +++ b/packages/bbui/src/Tags/Tag.svelte @@ -26,7 +26,7 @@ aria-hidden="true" aria-label="Tag" > - + {/if} diff --git a/packages/bbui/src/Tooltip/TooltipWrapper.svelte b/packages/bbui/src/Tooltip/TooltipWrapper.svelte index 8d12b88086..e6e468640a 100644 --- a/packages/bbui/src/Tooltip/TooltipWrapper.svelte +++ b/packages/bbui/src/Tooltip/TooltipWrapper.svelte @@ -17,7 +17,7 @@ class:icon-small={size === "M" || size === "S"} on:focus > - + diff --git a/packages/bbui/src/TreeView/Item.svelte b/packages/bbui/src/TreeView/Item.svelte index 104c392b65..7c56a40771 100644 --- a/packages/bbui/src/TreeView/Item.svelte +++ b/packages/bbui/src/TreeView/Item.svelte @@ -28,7 +28,7 @@ aria-hidden="true" aria-label="Layers" > - + {/if} {title} diff --git a/packages/bbui/src/spectrum-icons-vite.js b/packages/bbui/src/spectrum-icons-vite.js index 99a66d3115..c3f48288d2 100644 --- a/packages/bbui/src/spectrum-icons-vite.js +++ b/packages/bbui/src/spectrum-icons-vite.js @@ -1,5 +1,5 @@ import SpectrumUIIcons from "@spectrum-css/icon/dist/spectrum-css-icons.svg?raw" -import SpectrumWorkflowIcons from "@adobe/spectrum-css-workflow-icons/dist/spectrum-icons.svg?raw" +import SpectrumWorkflowIcons from "@adobe/spectrum-css-workflow-icons/dist/assets/svg-spriteSheet/icons.svg?raw" export default () => { loadIconSet("Spectrum UI Icons", SpectrumUIIcons) diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte index 524e70e329..91a46f7291 100644 --- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte +++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte @@ -181,7 +181,7 @@ {#if isDisabled && !syncAutomationsEnabled && !triggerAutomationRunEnabled && lockedFeatures.includes(action.stepId)}
- Premium + Premium
{:else if isDisabled} diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/BranchNode.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/BranchNode.svelte index 670067ea26..59cd911ec9 100644 --- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/BranchNode.svelte +++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/BranchNode.svelte @@ -160,7 +160,7 @@ tooltipPosition={TooltipPosition.Top} hoverable disabled={branchIdx == 0} - name="ArrowLeft" + name="chevron-left" /> { @@ -175,7 +175,7 @@ tooltipPosition={TooltipPosition.Top} hoverable disabled={isLast} - name="ArrowRight" + name="chevron-right" /> @@ -193,7 +193,7 @@
- +
{ diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte index f55feb97ed..0619b7d0e5 100644 --- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte +++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte @@ -234,7 +234,7 @@ style="color:var(--spectrum-global-color-gray-700);" focusable="false" > - +
Looping @@ -243,17 +243,15 @@
- +
{}}>
@@ -324,7 +322,7 @@ {/if} diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemActions.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemActions.svelte index 1542c65650..8b5cdace56 100644 --- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemActions.svelte +++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemActions.svelte @@ -17,7 +17,7 @@ {#if !block.branchNode} { dispatch("branch") }} @@ -29,7 +29,7 @@ {/if} { actionModal.show() }} diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte index 0aa43f8e04..b284754a3a 100644 --- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte +++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte @@ -128,7 +128,7 @@ style="color:var(--spectrum-global-color-gray-700);" focusable="false" > - + {/if}
@@ -186,7 +186,7 @@ dispatch("toggle") }} hoverable - name={open ? "ChevronUp" : "ChevronDown"} + name={open ? "chevron-down-size300" : "chevron-right"} />
{/if} @@ -201,12 +201,12 @@ {#if !showTestStatus} {#if !isHeaderTrigger && !isLooped && !isBranch && (block?.features?.[Features.LOOPING] || !block.features)} - + {/if} {#if !isHeaderTrigger} - + {/if} {/if} @@ -220,7 +220,7 @@ dispatch("toggle") }} hoverable - name={open ? "ChevronUp" : "ChevronDown"} + name={open ? "chevron-down-size300" : "chevron-right"} /> {/if}
@@ -228,7 +228,7 @@
- +
diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/StepNode.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/StepNode.svelte index 4132cf3516..1ad05d7d77 100644 --- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/StepNode.svelte +++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/StepNode.svelte @@ -61,7 +61,7 @@ {#if isBranch}
{ automationStore.actions.branchAutomation(pathToCurrentNode, automation) }} diff --git a/packages/builder/src/components/automation/AutomationPanel/AutomationNavItem.svelte b/packages/builder/src/components/automation/AutomationPanel/AutomationNavItem.svelte index fa89ab9393..c07eb85206 100644 --- a/packages/builder/src/components/automation/AutomationPanel/AutomationNavItem.svelte +++ b/packages/builder/src/components/automation/AutomationPanel/AutomationNavItem.svelte @@ -119,7 +119,7 @@ selectedBy={$userSelectedResourceMap[automation._id]} disabled={automation.disabled} > - + - + Learn about automations diff --git a/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte b/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte index b901d21a6d..eb686875f1 100644 --- a/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte +++ b/packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte @@ -695,7 +695,7 @@ "_blank" )} size="XS" - name="InfoOutline" + name="info-circle" /> {/if}
diff --git a/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte b/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte index 88e2f06be9..d7e64b6c49 100644 --- a/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte +++ b/packages/builder/src/components/automation/SetupPanel/RowSelector.svelte @@ -302,7 +302,7 @@ bind:this={popoverAnchor} > { customPopover.show() diff --git a/packages/builder/src/components/automation/SetupPanel/SchemaSetup.svelte b/packages/builder/src/components/automation/SetupPanel/SchemaSetup.svelte index 24b04abf31..a4148d2953 100644 --- a/packages/builder/src/components/automation/SetupPanel/SchemaSetup.svelte +++ b/packages/builder/src/components/automation/SetupPanel/SchemaSetup.svelte @@ -92,7 +92,7 @@ />
{/each} - +
diff --git a/packages/builder/src/components/start/getAppContextMenuItems.js b/packages/builder/src/components/start/getAppContextMenuItems.js index f3bff084c2..2cc7e684e0 100644 --- a/packages/builder/src/components/start/getAppContextMenuItems.js +++ b/packages/builder/src/components/start/getAppContextMenuItems.js @@ -15,7 +15,7 @@ const getAppContextMenuItems = ({ callback: onDuplicate, }, { - icon: "Export", + icon: "download", name: "Export latest edited app", keyBind: null, visible: true, @@ -23,7 +23,7 @@ const getAppContextMenuItems = ({ callback: onExportDev, }, { - icon: "Export", + icon: "download", name: "Export latest published app", keyBind: null, visible: true, diff --git a/packages/builder/src/dataBinding.js b/packages/builder/src/dataBinding.js index c89221f163..15dd0c7aea 100644 --- a/packages/builder/src/dataBinding.js +++ b/packages/builder/src/dataBinding.js @@ -761,7 +761,7 @@ const getRoleBindings = () => { runtimeBinding: `'${role._id}'`, readableBinding: `Role.${role.uiMetadata.displayName}`, category: "Role", - icon: "UserGroup", + icon: "user-group", display: { type: "string", name: role.uiMetadata.displayName }, } }) diff --git a/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte b/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte index 687678c08a..76372119ba 100644 --- a/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte +++ b/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte @@ -559,7 +559,7 @@ class="header" > {#if invitingFlow} - + {/if} {invitingFlow ? "Invite new user" : "Users"}
@@ -569,7 +569,7 @@ {/if} { builderStore.hideBuilderSidePanel() diff --git a/packages/builder/src/pages/builder/app/[application]/_layout.svelte b/packages/builder/src/pages/builder/app/[application]/_layout.svelte index 8e109d3145..f04504f523 100644 --- a/packages/builder/src/pages/builder/app/[application]/_layout.svelte +++ b/packages/builder/src/pages/builder/app/[application]/_layout.svelte @@ -134,7 +134,7 @@ {#if $appStore.initialised}
- + {#each $layout.children as { path, title }} @@ -204,8 +204,7 @@ display: contents; } .back-to-apps :global(.icon) { - margin-left: 12px; - margin-right: 12px; + margin-right: 10px; } .loading { min-height: 100%; diff --git a/packages/builder/src/pages/builder/app/[application]/automation/_layout.svelte b/packages/builder/src/pages/builder/app/[application]/automation/_layout.svelte index c5c28d1e1e..cc5465cdf0 100644 --- a/packages/builder/src/pages/builder/app/[application]/automation/_layout.svelte +++ b/packages/builder/src/pages/builder/app/[application]/automation/_layout.svelte @@ -57,7 +57,7 @@ class="spectrum-Icon" focusable="false" > - + You have no automations Let's fix that. Call the bots! diff --git a/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Authentication/RestAuthenticationBuilder.svelte b/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Authentication/RestAuthenticationBuilder.svelte index 341cdcf4b2..42e7469324 100644 --- a/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Authentication/RestAuthenticationBuilder.svelte +++ b/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Authentication/RestAuthenticationBuilder.svelte @@ -70,7 +70,7 @@ /> {/if}
- openConfigModal()} icon="Add" + openConfigModal()} icon="add" >Add authentication
diff --git a/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Headers.svelte b/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Headers.svelte index 6e7ed89d84..57196f06da 100644 --- a/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Headers.svelte +++ b/packages/builder/src/pages/builder/app/[application]/data/datasource/[datasourceId]/_components/panels/Headers.svelte @@ -46,7 +46,7 @@ bindings={restBindings} />
- addHeader.addEntry()}> + addHeader.addEntry()}> Add header
diff --git a/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/CreateViewButton.svelte b/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/CreateViewButton.svelte index ecc85e7622..72a1ed6a63 100644 --- a/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/CreateViewButton.svelte +++ b/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/CreateViewButton.svelte @@ -63,7 +63,7 @@ {:else}
@@ -78,7 +78,7 @@ hoverable on:click={() => (calculation = false)} selected={!calculation} - icon="Rail" + icon="step-forward" />
diff --git a/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/ViewNavBar.svelte b/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/ViewNavBar.svelte index bf3d073f60..753ae37de9 100644 --- a/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/ViewNavBar.svelte +++ b/packages/builder/src/pages/builder/app/[application]/data/table/[tableId]/_components/ViewNavBar.svelte @@ -205,7 +205,7 @@ @@ -231,7 +231,7 @@ openViewContextMenu(e, view)} hoverable - name="MoreSmallList" + name="more" color="var(--spectrum-global-color-gray-600)" hoverColor="var(--spectrum-global-color-gray-900)" /> @@ -256,7 +256,7 @@ openViewContextMenu(e, view)} hoverable - name="MoreSmallList" + name="more" color="var(--spectrum-global-color-gray-600)" hoverColor="var(--spectrum-global-color-gray-900)" /> @@ -273,7 +273,11 @@ {#if overflowedViews.length}
- + {overflowedViews.length} more
@@ -293,7 +297,7 @@ > {view.name} - +
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ConditionalUIDrawer.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ConditionalUIDrawer.svelte index c7139a81e2..98637d2839 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ConditionalUIDrawer.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ConditionalUIDrawer.svelte @@ -280,7 +280,7 @@ Add your first condition to get started. {/if}
-
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte index 93044cdb9a..eb74d72ece 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte @@ -3,7 +3,7 @@ export let title export let body - export let icon = "HelpOutline" + export let icon = "help-circle" export let quiet = false export let warning = false export let error = false diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/SubLinksDrawer.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/SubLinksDrawer.svelte index b1958e4d3d..0589b69786 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/SubLinksDrawer.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/SubLinksDrawer.svelte @@ -94,7 +94,7 @@
{/if}
- + Add link
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/index.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/index.svelte index 7c8b03caca..783ac9c12c 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/index.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Navigation/index.svelte @@ -25,13 +25,13 @@ import { getBindableProperties } from "dataBinding" const positionOptions = [ - { value: "Top", barIcon: "PaddingTop" }, - { value: "Left", barIcon: "PaddingLeft" }, + { value: "Top", barIcon: "web-page" }, + { value: "Left", barIcon: "layout" }, ] const alignmentOptions = [ - { value: "Left", barIcon: "TextAlignLeft" }, - { value: "Center", barIcon: "TextAlignCenter" }, - { value: "Right", barIcon: "TextAlignRight" }, + { value: "Left", barIcon: "text-align-left" }, + { value: "Center", barIcon: "text-align-center" }, + { value: "Right", barIcon: "text-align-right" }, ] const widthOptions = ["Max", "Large", "Medium", "Small"] diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/ThemePanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/ThemePanel.svelte index 8b3128f852..1f4e4054e3 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/ThemePanel.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/ThemePanel.svelte @@ -25,7 +25,7 @@
- + These settings apply to all screens
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/index.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/index.svelte index 405b8b0c21..c674eaa77d 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/index.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Screen/index.svelte @@ -13,7 +13,7 @@ {#if $selectedScreen} diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte index 1e8868f03c..a2c7ed0413 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte @@ -289,7 +289,7 @@ class:active={isAddingComponent} on:click={toggleAddComponent} > - Component + Component openContextMenu(e, component, opened)} /> diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getComponentContextMenuItems.js b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getComponentContextMenuItems.js index f2dfb73a68..b29e2a2274 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getComponentContextMenuItems.js +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getComponentContextMenuItems.js @@ -24,23 +24,23 @@ const getContextMenuItems = (component, componentCollapsed) => { { icon: "Delete", name: "Delete", - keyBind: "!BackAndroid", + keyBind: "⌫", visible: true, disabled: false, callback: () => keyboardEvent("Delete"), }, { - icon: "ChevronUp", + icon: "order-one-up", name: "Move up", - keyBind: "Ctrl+!ArrowUp", + keyBind: "Ctrl+↑", visible: true, disabled: false, callback: () => keyboardEvent("ArrowUp", true), }, { - icon: "ChevronDown", + icon: "order-one-down", name: "Move down", - keyBind: "Ctrl+!ArrowDown", + keyBind: "Ctrl+↓", visible: true, disabled: false, callback: () => keyboardEvent("ArrowDown", true), @@ -70,7 +70,7 @@ const getContextMenuItems = (component, componentCollapsed) => { callback: () => keyboardEvent("c", true), }, { - icon: "LayersSendToBack", + icon: "paste", name: "Paste", keyBind: "Ctrl+V", visible: true, @@ -78,7 +78,7 @@ const getContextMenuItems = (component, componentCollapsed) => { callback: () => keyboardEvent("v", true), }, { - icon: "Export", + icon: "download", name: "Eject block", keyBind: "Ctrl+E", visible: isBlock && canEject, @@ -86,33 +86,33 @@ const getContextMenuItems = (component, componentCollapsed) => { callback: () => keyboardEvent("e", true), }, { - icon: "TreeExpand", + icon: "maximize", name: "Expand", - keyBind: "!ArrowRight", + keyBind: "→", visible: hasChildren, disabled: !componentCollapsed, callback: () => keyboardEvent("ArrowRight", false), }, { - icon: "TreeExpandAll", + icon: "maximize", name: "Expand All", - keyBind: "Ctrl+!ArrowRight", + keyBind: "Ctrl+→", visible: hasChildren, disabled: !componentCollapsed, callback: () => keyboardEvent("ArrowRight", true), }, { - icon: "TreeCollapse", + icon: "minimize", name: "Collapse", - keyBind: "!ArrowLeft", + keyBind: "←", visible: hasChildren, disabled: componentCollapsed, callback: () => keyboardEvent("ArrowLeft", false), }, { - icon: "TreeCollapseAll", + icon: "minimize", name: "Collapse All", - keyBind: "Ctrl+!ArrowLeft", + keyBind: "Ctrl+←", visible: hasChildren, disabled: componentCollapsed, callback: () => keyboardEvent("ArrowLeft", true), diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getScreenContextMenuItems.js b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getScreenContextMenuItems.js index 25f2e908e6..ea0679dae7 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getScreenContextMenuItems.js +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/getScreenContextMenuItems.js @@ -27,7 +27,7 @@ const getContextMenuItems = (component, showCopy) => { callback: () => storeComponentForCopy(false), }, { - icon: "LayersSendToBack", + icon: "paste", name: "Paste", keyBind: "Ctrl+V", visible: true, diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/index.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/index.svelte index fce8c12800..ab94650963 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/index.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/index.svelte @@ -78,7 +78,7 @@
Components
- +
@@ -95,7 +95,7 @@ `${$screenStore.selectedScreenId}-screen`} opened scrollable - icon="WebPage" + icon="web-page" on:drop={onDrop} on:click={() => { componentStore.select(`${$screenStore.selectedScreenId}-screen`) @@ -110,7 +110,7 @@ openScreenContextMenu(e, $selectedScreen?.props)} /> diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/DevicePreviewSelect.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/DevicePreviewSelect.svelte index 9c0df03f12..0963260580 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/DevicePreviewSelect.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/DevicePreviewSelect.svelte @@ -3,22 +3,22 @@ import { previewStore } from "stores/builder" - + previewStore.setDevice("desktop")} /> previewStore.setDevice("tablet")} /> previewStore.setDevice("mobile")} /> diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenList/ScreenNavItem.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenList/ScreenNavItem.svelte index e533145fa1..5849ddc7d5 100644 --- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenList/ScreenNavItem.svelte +++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ScreenList/ScreenNavItem.svelte @@ -117,7 +117,7 @@ on:click={e => openContextMenu(e, screen)} size="S" hoverable - name="MoreSmallList" + name="more" />
diff --git a/packages/builder/src/pages/builder/app/[application]/settings/backups/_components/ActionsRenderer.svelte b/packages/builder/src/pages/builder/app/[application]/settings/backups/_components/ActionsRenderer.svelte index 3e88fb5541..e65d69847b 100644 --- a/packages/builder/src/pages/builder/app/[application]/settings/backups/_components/ActionsRenderer.svelte +++ b/packages/builder/src/pages/builder/app/[application]/settings/backups/_components/ActionsRenderer.svelte @@ -46,7 +46,7 @@ {#if row.type !== BackupType.RESTORE}
- +
{datasources || 0}
- +
{screens || 0}
diff --git a/packages/builder/src/pages/builder/app/[application]/settings/backups/index.svelte b/packages/builder/src/pages/builder/app/[application]/settings/backups/index.svelte index e8a67b2ae1..4fb8a4f0c8 100644 --- a/packages/builder/src/pages/builder/app/[application]/settings/backups/index.svelte +++ b/packages/builder/src/pages/builder/app/[application]/settings/backups/index.svelte @@ -183,7 +183,7 @@ Backups {#if !$licensing.backupsEnabled} - Premium + Premium {/if}
diff --git a/packages/builder/src/pages/builder/apps/index.svelte b/packages/builder/src/pages/builder/apps/index.svelte index 632478748d..2cf0624a86 100644 --- a/packages/builder/src/pages/builder/apps/index.svelte +++ b/packages/builder/src/pages/builder/apps/index.svelte @@ -104,15 +104,12 @@
- +
userInfoModal.show()}> My profile - changePasswordModal.show()} - > + changePasswordModal.show()}> Update password {#if sdk.users.hasBuilderPermissions($auth.user)} @@ -175,7 +172,7 @@ {/if} - + {/each}
diff --git a/packages/builder/src/pages/builder/auth/forgot.svelte b/packages/builder/src/pages/builder/auth/forgot.svelte index 3ec0416c73..4263c01c3e 100644 --- a/packages/builder/src/pages/builder/auth/forgot.svelte +++ b/packages/builder/src/pages/builder/auth/forgot.svelte @@ -53,7 +53,7 @@
$goto("../")}> - + Forgot your password?
diff --git a/packages/builder/src/pages/builder/portal/_components/LockedFeature.svelte b/packages/builder/src/pages/builder/portal/_components/LockedFeature.svelte index 1df724099b..be77a82ba6 100644 --- a/packages/builder/src/pages/builder/portal/_components/LockedFeature.svelte +++ b/packages/builder/src/pages/builder/portal/_components/LockedFeature.svelte @@ -27,7 +27,7 @@ {title} {#if !enabled} - {planType} + {planType} {/if} @@ -62,7 +62,7 @@ position={"right"} >
- +
{/if} diff --git a/packages/builder/src/pages/builder/portal/_components/UserDropdown.svelte b/packages/builder/src/pages/builder/portal/_components/UserDropdown.svelte index 9faae70aa9..6666eb7ceb 100644 --- a/packages/builder/src/pages/builder/portal/_components/UserDropdown.svelte +++ b/packages/builder/src/pages/builder/portal/_components/UserDropdown.svelte @@ -25,14 +25,14 @@
- +
profileModal.show()}> My profile themeModal.show()}>Theme {#if !$auth.isSSO} - updatePasswordModal.show()}> + updatePasswordModal.show()}> Update password {/if} diff --git a/packages/builder/src/pages/builder/portal/apps/FavouriteAppButton.svelte b/packages/builder/src/pages/builder/portal/apps/FavouriteAppButton.svelte index 7d6b4d81a9..4e23a72d2b 100644 --- a/packages/builder/src/pages/builder/portal/apps/FavouriteAppButton.svelte +++ b/packages/builder/src/pages/builder/portal/apps/FavouriteAppButton.svelte @@ -10,7 +10,7 @@ sideBarCollapsed.set(false)}> sideBarCollapsed.set(true)}>
window.open(iframeUrl, "_blank")}>
{#if noScreens} diff --git a/packages/builder/src/pages/builder/portal/apps/_components/AppNavItem.svelte b/packages/builder/src/pages/builder/portal/apps/_components/AppNavItem.svelte index 92d04897fe..535930ffd9 100644 --- a/packages/builder/src/pages/builder/portal/apps/_components/AppNavItem.svelte +++ b/packages/builder/src/pages/builder/portal/apps/_components/AppNavItem.svelte @@ -58,7 +58,7 @@ on:click={e => openContextMenu(e, app)} size="S" hoverable - name="MoreSmallList" + name="more" /> {/if} diff --git a/packages/builder/src/pages/builder/portal/apps/_components/PortalSideBar.svelte b/packages/builder/src/pages/builder/portal/apps/_components/PortalSideBar.svelte index 0f72accf9f..a12b3877d4 100644 --- a/packages/builder/src/pages/builder/portal/apps/_components/PortalSideBar.svelte +++ b/packages/builder/src/pages/builder/portal/apps/_components/PortalSideBar.svelte @@ -27,7 +27,7 @@
- +
diff --git a/packages/builder/src/pages/builder/portal/settings/ai/index.svelte b/packages/builder/src/pages/builder/portal/settings/ai/index.svelte index ec0ff31e58..b130bbb5ba 100644 --- a/packages/builder/src/pages/builder/portal/settings/ai/index.svelte +++ b/packages/builder/src/pages/builder/portal/settings/ai/index.svelte @@ -129,11 +129,11 @@ AI {#if !isCloud && !customAIConfigsEnabled} - Premium + Premium {:else if isCloud && !customAIConfigsEnabled} - Enterprise + Enterprise {/if} diff --git a/packages/builder/src/pages/builder/portal/settings/auth/index.svelte b/packages/builder/src/pages/builder/portal/settings/auth/index.svelte index 3ef3737249..f42ef5e99e 100644 --- a/packages/builder/src/pages/builder/portal/settings/auth/index.svelte +++ b/packages/builder/src/pages/builder/portal/settings/auth/index.svelte @@ -285,7 +285,7 @@ {#if !$licensing.enforceableSSO} - Enterprise plan + Enterprise plan {/if} diff --git a/packages/builder/src/pages/builder/portal/settings/branding.svelte b/packages/builder/src/pages/builder/portal/settings/branding.svelte index 17da5b87d7..738ed6b05e 100644 --- a/packages/builder/src/pages/builder/portal/settings/branding.svelte +++ b/packages/builder/src/pages/builder/portal/settings/branding.svelte @@ -214,12 +214,12 @@ Branding {#if !isCloud && !brandingEnabled} - Premium + Premium {/if} {#if isCloud && !brandingEnabled} - Premium + Premium {/if} diff --git a/packages/builder/src/pages/builder/portal/users/groups/[groupId].svelte b/packages/builder/src/pages/builder/portal/users/groups/[groupId].svelte index 36ec43b6b3..db11359d4d 100644 --- a/packages/builder/src/pages/builder/portal/users/groups/[groupId].svelte +++ b/packages/builder/src/pages/builder/portal/users/groups/[groupId].svelte @@ -125,7 +125,7 @@ editModal.show()} disabled={!isAdmin} > diff --git a/packages/builder/src/pages/builder/portal/users/groups/_components/GroupAppsTableRenderer.svelte b/packages/builder/src/pages/builder/portal/users/groups/_components/GroupAppsTableRenderer.svelte index 37e44a277e..5b79212aec 100644 --- a/packages/builder/src/pages/builder/portal/users/groups/_components/GroupAppsTableRenderer.svelte +++ b/packages/builder/src/pages/builder/portal/users/groups/_components/GroupAppsTableRenderer.svelte @@ -19,7 +19,7 @@
- +
{count}
diff --git a/packages/builder/src/pages/builder/portal/users/groups/index.svelte b/packages/builder/src/pages/builder/portal/users/groups/index.svelte index 5636d555ae..a416d96a04 100644 --- a/packages/builder/src/pages/builder/portal/users/groups/index.svelte +++ b/packages/builder/src/pages/builder/portal/users/groups/index.svelte @@ -25,7 +25,7 @@ const DefaultGroup = { name: "", - icon: "UserGroup", + icon: "user-group", color: "var(--spectrum-global-color-blue-600)", users: [], roles: {}, @@ -96,7 +96,7 @@ Groups {#if !$licensing.groupsEnabled} - Enterpise + Enterpise {/if} diff --git a/packages/builder/src/pages/builder/portal/users/users/[userId].svelte b/packages/builder/src/pages/builder/portal/users/users/[userId].svelte index 3547a4876e..e90264b909 100644 --- a/packages/builder/src/pages/builder/portal/users/users/[userId].svelte +++ b/packages/builder/src/pages/builder/portal/users/users/[userId].svelte @@ -263,15 +263,15 @@
- + {#if !isSSO} - + Force password reset {/if} {#if !isTenantOwner} - + Delete {/if} diff --git a/packages/builder/src/pages/builder/portal/users/users/_components/AddUserModal.svelte b/packages/builder/src/pages/builder/portal/users/users/_components/AddUserModal.svelte index 36709ae9c0..da52876258 100644 --- a/packages/builder/src/pages/builder/portal/users/users/_components/AddUserModal.svelte +++ b/packages/builder/src/pages/builder/portal/users/users/_components/AddUserModal.svelte @@ -138,7 +138,7 @@
{:else}
- Add email + Add email
{/if} diff --git a/packages/builder/src/pages/builder/portal/users/users/_components/AppsTableRenderer.svelte b/packages/builder/src/pages/builder/portal/users/users/_components/AppsTableRenderer.svelte index 28057f609c..0d49637156 100644 --- a/packages/builder/src/pages/builder/portal/users/users/_components/AppsTableRenderer.svelte +++ b/packages/builder/src/pages/builder/portal/users/users/_components/AppsTableRenderer.svelte @@ -24,7 +24,7 @@
- +
{count}
diff --git a/packages/builder/src/pages/builder/portal/users/users/_components/GroupsTableRenderer.svelte b/packages/builder/src/pages/builder/portal/users/users/_components/GroupsTableRenderer.svelte index 763b6b6dc9..14ea74b8b7 100644 --- a/packages/builder/src/pages/builder/portal/users/users/_components/GroupsTableRenderer.svelte +++ b/packages/builder/src/pages/builder/portal/users/users/_components/GroupsTableRenderer.svelte @@ -6,7 +6,7 @@
- +
{value?.length || 0} diff --git a/packages/builder/src/pages/builder/portal/users/users/_components/OnboardingTypeModal.svelte b/packages/builder/src/pages/builder/portal/users/users/_components/OnboardingTypeModal.svelte index afac8ae74b..6013cfec5f 100644 --- a/packages/builder/src/pages/builder/portal/users/users/_components/OnboardingTypeModal.svelte +++ b/packages/builder/src/pages/builder/portal/users/users/_components/OnboardingTypeModal.svelte @@ -27,7 +27,7 @@ }} >
- +
Send email invites
diff --git a/packages/builder/src/stores/builder/automations.js b/packages/builder/src/stores/builder/automations.js index b7d55ee2d4..8b03d4f4c6 100644 --- a/packages/builder/src/stores/builder/automations.js +++ b/packages/builder/src/stores/builder/automations.js @@ -615,7 +615,7 @@ const automationActions = store => ({ const icon = isTrigger ? pathBlock.icon : isLoopBlock - ? "Reuse" + ? "refresh" : pathBlock.icon if (blockIdx === 0 && isTrigger) { diff --git a/packages/client/manifest.json b/packages/client/manifest.json index 6dd1b71b75..5f3662c71b 100644 --- a/packages/client/manifest.json +++ b/packages/client/manifest.json @@ -163,7 +163,7 @@ "container": { "name": "Container", "description": "This component contains things within itself", - "icon": "Selection", + "icon": "corner-radius-each", "hasChildren": true, "size": { "width": 500, @@ -185,13 +185,13 @@ { "label": "Flex", "value": "flex", - "barIcon": "ModernGridView", + "barIcon": "menu-hamburger", "barTitle": "Flex layout" }, { "label": "Grid", "value": "grid", - "barIcon": "ViewGrid", + "barIcon": "grid-type-dots", "barTitle": "Grid layout" } ], @@ -207,13 +207,13 @@ { "label": "Column", "value": "column", - "barIcon": "TableSelectColumn", + "barIcon": "chevron-down-size300", "barTitle": "Column layout" }, { "label": "Row", "value": "row", - "barIcon": "TableSelectRow", + "barIcon": "chevron-right", "barTitle": "Row layout" } ], @@ -234,25 +234,25 @@ { "label": "Left", "value": "left", - "barIcon": "AlignLeft", + "barIcon": "align-left", "barTitle": "Align left" }, { "label": "Center", "value": "center", - "barIcon": "AlignCenter", + "barIcon": "align-center", "barTitle": "Align center" }, { "label": "Right", "value": "right", - "barIcon": "AlignRight", + "barIcon": "align-right", "barTitle": "Align right" }, { "label": "Stretch", "value": "stretch", - "barIcon": "MoveLeftRight", + "barIcon": "Distribute-space-horizontally", "barTitle": "Align stretched horizontally" } ], @@ -273,25 +273,25 @@ { "label": "Top", "value": "top", - "barIcon": "AlignTop", + "barIcon": "align-top", "barTitle": "Align top" }, { "label": "Middle", "value": "middle", - "barIcon": "AlignMiddle", + "barIcon": "align-middle", "barTitle": "Align middle" }, { "label": "Bottom", "value": "bottom", - "barIcon": "AlignBottom", + "barIcon": "align-bottom", "barTitle": "Align bottom" }, { "label": "Stretch", "value": "stretch", - "barIcon": "MoveUpDown", + "barIcon": "distribute-space-vertically", "barTitle": "Align stretched vertically" } ], @@ -312,13 +312,13 @@ { "label": "Shrink", "value": "shrink", - "barIcon": "Minimize", + "barIcon": "minimize", "barTitle": "Shrink container" }, { "label": "Grow", "value": "grow", - "barIcon": "Maximize", + "barIcon": "maximize", "barTitle": "Grow container" } ], @@ -365,7 +365,7 @@ "label": "Wrap", "key": "wrap", "showInBar": true, - "barIcon": "ModernGridView", + "barIcon": "apps-all", "barTitle": "Wrap", "dependsOn": { "setting": "layout", @@ -406,13 +406,13 @@ }, "screenslot": { "name": "Screenslot", - "icon": "WebPage", + "icon": "web-page", "description": "Contains your app screens", "static": true }, "buttongroup": { "name": "Button group", - "icon": "Button", + "icon": "interaction", "hasChildren": false, "size": { "width": 200, @@ -629,7 +629,7 @@ "button": { "name": "Button", "description": "A basic html button that is ready for styling", - "icon": "Button", + "icon": "interaction", "editable": true, "size": { "width": 120, @@ -759,7 +759,7 @@ "divider": { "name": "Divider", "description": "A basic divider", - "icon": "Separator", + "icon": "stroke-solid", "illegalChildren": ["section"], "size": { "width": 400, @@ -796,7 +796,7 @@ "repeater": { "name": "Repeater", "description": "A configurable data list that attaches to your backend tables.", - "icon": "JourneyData", + "icon": "view-list", "illegalChildren": ["section"], "hasChildren": true, "size": { @@ -989,7 +989,7 @@ "deprecated": true, "name": "Vertical Card", "description": "A basic card component that can contain content and actions.", - "icon": "ViewColumn", + "icon": "people", "illegalChildren": ["section"], "settings": [ { @@ -1047,9 +1047,9 @@ ] }, "text": { - "name": "Paragraph", - "description": "A component for displaying paragraph text.", - "icon": "TextParagraph", + "name": "Text", + "description": "A component for displaying text.", + "icon": "text", "illegalChildren": ["section"], "editable": true, "size": { @@ -1171,7 +1171,7 @@ }, "heading": { "name": "Headline", - "icon": "TextBold", + "icon": "text-bold", "description": "A component for displaying heading text", "illegalChildren": ["section"], "editable": true, @@ -1294,7 +1294,7 @@ }, "tag": { "name": "Tag", - "icon": "Label", + "icon": "tag", "size": { "width": 100, "height": 25 @@ -1758,7 +1758,7 @@ "cardstat": { "name": "Stat Card", "description": "A card component for displaying numbers.", - "icon": "Card", + "icon": "text-numbers", "size": { "width": 260, "height": 143 @@ -1793,7 +1793,7 @@ }, "embed": { "name": "Embed", - "icon": "Code", + "icon": "full-screen-exit", "description": "Embed content from 3rd party sources", "styles": ["size"], "size": { @@ -2895,7 +2895,7 @@ }, "form": { "name": "Form", - "icon": "Form", + "icon": "publish", "hasChildren": true, "illegalChildren": ["section", "form", "formblock"], "actions": [ @@ -3004,7 +3004,7 @@ }, "formstep": { "name": "Form Step", - "icon": "AssetsAdded", + "icon": "step-forward", "hasChildren": true, "requiredAncestors": ["form"], "illegalChildren": ["section", "form", "formstep", "formblock"], @@ -3238,7 +3238,7 @@ }, "numberfield": { "name": "Number Field", - "icon": "123", + "icon": "text-numbers", "styles": ["size"], "editable": true, "size": { @@ -3348,7 +3348,7 @@ }, "bigintfield": { "name": "BigInt Field", - "icon": "TagBold", + "icon": "text-numbers", "styles": ["size"], "editable": true, "size": { @@ -3442,7 +3442,7 @@ }, "passwordfield": { "name": "Password Field", - "icon": "LockClosed", + "icon": "lock", "styles": ["size"], "editable": true, "size": { @@ -3535,8 +3535,8 @@ } }, "optionsfield": { - "name": "Options Picker", - "icon": "Menu", + "name": "Select Picker", + "icon": "radio-button", "styles": ["size"], "editable": true, "size": { @@ -3758,7 +3758,7 @@ }, "multifieldselect": { "name": "Multi-select Picker", - "icon": "ViewList", + "icon": "list-multi-select", "styles": ["size"], "editable": true, "size": { @@ -3974,7 +3974,7 @@ }, "booleanfield": { "name": "Checkbox", - "icon": "SelectBox", + "icon": "check-box", "editable": true, "size": { "width": 400, @@ -4107,7 +4107,7 @@ }, "longformfield": { "name": "Long Form Field", - "icon": "TextAlignLeft", + "icon": "Text-align-left", "styles": ["size"], "editable": true, "size": { @@ -4239,7 +4239,7 @@ }, "datetimefield": { "name": "Date Picker", - "icon": "Date", + "icon": "calendar-day", "styles": ["size"], "editable": true, "size": { @@ -4536,7 +4536,7 @@ }, "signaturesinglefield": { "name": "Signature", - "icon": "AnnotatePen", + "icon": "edit", "styles": ["size"], "size": { "width": 400, @@ -4700,8 +4700,8 @@ ] }, "attachmentfield": { - "name": "Attachment List", - "icon": "DocumentFragmentGroup", + "name": "Attachments Multiple", + "icon": "asset", "styles": ["size"], "requiredAncestors": ["form"], "editable": true, @@ -4797,8 +4797,8 @@ ] }, "attachmentsinglefield": { - "name": "Single Attachment", - "icon": "DocumentFragment", + "name": "Attachment", + "icon": "file", "styles": ["size"], "requiredAncestors": ["form"], "editable": true, @@ -4889,7 +4889,7 @@ }, "relationshipfield": { "name": "Relationship Picker", - "icon": "TaskList", + "icon": "list-multi-select", "styles": ["size"], "requiredAncestors": ["form"], "editable": true, @@ -5002,7 +5002,7 @@ }, "jsonfield": { "name": "JSON Field", - "icon": "Brackets", + "icon": "prompt", "styles": ["size"], "editable": true, "size": { @@ -5107,7 +5107,7 @@ }, "s3upload": { "name": "S3 File Upload", - "icon": "UploadToCloud", + "icon": "upload-to-cloud", "styles": ["size"], "editable": true, "size": { @@ -5435,7 +5435,7 @@ }, "spectrumcard": { "name": "Card", - "icon": "PersonalizationField", + "icon": "people", "styles": ["size"], "size": { "width": 300, @@ -5557,7 +5557,7 @@ "documentationLink": "https://docs.budibase.com/docs/chart", "block": true, "name": "Chart Block", - "icon": "GraphPie", + "icon": "align-bottom", "hasChildren": false, "size": { "width": 600, @@ -6484,7 +6484,7 @@ "cardsblock": { "block": true, "name": "Cards Block", - "icon": "PersonalizationField", + "icon": "people", "styles": ["size"], "size": { "width": 600, @@ -6699,7 +6699,7 @@ "repeaterblock": { "block": true, "name": "Repeater Block", - "icon": "ViewList", + "icon": "view-list", "illegalChildren": ["section", "rowexplorer"], "hasChildren": true, "size": { @@ -6978,7 +6978,7 @@ }, "multistepformblock": { "name": "Multi-step Form Block", - "icon": "AssetsAdded", + "icon": "step-forward", "block": true, "hasChildren": false, "ejectable": false, @@ -7189,7 +7189,7 @@ }, "formblock": { "name": "Form Block", - "icon": "Form", + "icon": "publish", "styles": ["padding", "size", "background", "border", "shadow"], "block": true, "info": "Form blocks are only compatible with internal or SQL tables", @@ -7364,7 +7364,7 @@ }, "sidepanel": { "name": "Side Panel", - "icon": "RailRight", + "icon": "layout", "hasChildren": true, "ignoresLayout": true, "illegalChildren": ["section", "sidepanel", "modal"], @@ -7387,7 +7387,7 @@ }, "modal": { "name": "Modal", - "icon": "MBox", + "icon": "effect-border", "hasChildren": true, "illegalChildren": ["section", "modal", "sidepanel"], "ignoresLayout": true, @@ -7435,7 +7435,7 @@ "rowexplorer": { "block": true, "name": "Row Explorer Block", - "icon": "PersonalizationField", + "icon": "layout", "size": { "width": 800, "height": 426 @@ -7739,7 +7739,7 @@ "bbreferencefield": { "devComment": "As bb reference is only used for user subtype for now, we are using user for icon and labels", "name": "User List Field", - "icon": "UserGroup", + "icon": "user-group", "styles": ["size"], "editable": true, "size": { diff --git a/packages/client/src/components/app/Layout.svelte b/packages/client/src/components/app/Layout.svelte index 04dbb9efda..2634321149 100644 --- a/packages/client/src/components/app/Layout.svelte +++ b/packages/client/src/components/app/Layout.svelte @@ -211,7 +211,7 @@ class:mobile={!!mobile} data-id={screenId} data-name="Screen" - data-icon="WebPage" + data-icon="web-page" >
{#if typeClass !== "none"} @@ -332,7 +332,7 @@
diff --git a/packages/client/src/components/app/NavItem.svelte b/packages/client/src/components/app/NavItem.svelte index a5ac61a39f..8126294653 100644 --- a/packages/client/src/components/app/NavItem.svelte +++ b/packages/client/src/components/app/NavItem.svelte @@ -18,7 +18,7 @@ $: expanded = !!$navStateStore[text] $: renderLeftNav = leftNav || mobile - $: icon = !renderLeftNav || expanded ? "ChevronDown" : "ChevronRight" + $: icon = !renderLeftNav || expanded ? "chevron-down-size300" : "ChevronRight" const onClickLink = () => { dispatch("clickLink") diff --git a/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte b/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte index 979cb0e085..edd35c3c7b 100644 --- a/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte +++ b/packages/client/src/components/app/embedded-map/EmbeddedMap.svelte @@ -70,7 +70,7 @@ const defaultMarkerOptions = { html: '
' + - '
', + '
', className: "embedded-map-marker", iconSize: [26, 26], iconAnchor: [13, 26], diff --git a/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js b/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js index de14190b64..9568b179f1 100644 --- a/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js +++ b/packages/client/src/components/app/embedded-map/EmbeddedMapControls.js @@ -26,7 +26,7 @@ const FullScreenControl = L.Control.extend({ fullScreenContent: '' + '' + - '', + '', fullScreenTitle: "Enter Fullscreen", }, onAdd: function () { @@ -76,7 +76,7 @@ const LocationControl = L.Control.extend({ locationContent: '' + '' + - '', + '', locationTitle: "Show Your Location", }, onAdd: function () { diff --git a/packages/client/src/components/app/forms/Field.svelte b/packages/client/src/components/app/forms/Field.svelte index 5fccb5d881..0a588265be 100644 --- a/packages/client/src/components/app/forms/Field.svelte +++ b/packages/client/src/components/app/forms/Field.svelte @@ -150,7 +150,7 @@
{:else if helpText}
- {helpText} + {helpText}
{/if} {/if} diff --git a/packages/client/src/components/devtools/DevToolsHeader.svelte b/packages/client/src/components/devtools/DevToolsHeader.svelte index eca085a88a..7e17789503 100644 --- a/packages/client/src/components/devtools/DevToolsHeader.svelte +++ b/packages/client/src/components/devtools/DevToolsHeader.svelte @@ -58,7 +58,7 @@ {#if window.parent.isBuilder} { window.parent.closePreview?.() window.open(`/${$appStore.appId}`, "_blank") diff --git a/packages/frontend-core/src/components/ConditionField.svelte b/packages/frontend-core/src/components/ConditionField.svelte index 58dffc8dea..231566b15c 100644 --- a/packages/frontend-core/src/components/ConditionField.svelte +++ b/packages/frontend-core/src/components/ConditionField.svelte @@ -99,7 +99,7 @@ bindingDrawer.show() }} > - +
{/if}
diff --git a/packages/frontend-core/src/components/CoreFilterBuilder.svelte b/packages/frontend-core/src/components/CoreFilterBuilder.svelte index 3aff981082..2b4a72822e 100644 --- a/packages/frontend-core/src/components/CoreFilterBuilder.svelte +++ b/packages/frontend-core/src/components/CoreFilterBuilder.svelte @@ -338,7 +338,7 @@
{ @@ -474,7 +474,7 @@ {/if}
{/if}
diff --git a/packages/frontend-core/src/components/grid/cells/HeaderCell.svelte b/packages/frontend-core/src/components/grid/cells/HeaderCell.svelte index 93db2b6317..1e8522f9ce 100644 --- a/packages/frontend-core/src/components/grid/cells/HeaderCell.svelte +++ b/packages/frontend-core/src/components/grid/cells/HeaderCell.svelte @@ -388,14 +388,14 @@
Move left Move right diff --git a/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte b/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte index 2457020a6b..84cb7b2908 100644 --- a/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte +++ b/packages/frontend-core/src/components/grid/cells/OptionsCell.svelte @@ -118,7 +118,7 @@ {#if editable}
- +
{/if} diff --git a/packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte b/packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte index 92186f19b1..01765f9a95 100644 --- a/packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte +++ b/packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte @@ -285,7 +285,7 @@ {/each} {#if editable}
- +
{/if} diff --git a/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte b/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte index 215fdabd8d..15219c2216 100644 --- a/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte +++ b/packages/frontend-core/src/components/grid/layout/NewColumnButton.svelte @@ -44,7 +44,7 @@ style="left:{left}px" on:click={open} > - + {#if isOpen} - + {/if} @@ -190,7 +190,7 @@
- + {#if isAdding}
{/if} diff --git a/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte b/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte index a920b346d3..9514eb1e02 100644 --- a/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte +++ b/packages/frontend-core/src/components/grid/layout/StickyColumn.svelte @@ -112,7 +112,7 @@ on:click={() => dispatch("add-row-inline")} > - + {#if $displayColumn}