migration to Sveltestrap 6

ui/package.json

@@ -21,7 +21,7 @@
 		"eslint-config-prettier": "^9.0.0",
 		"eslint-plugin-svelte": "^2.35.1",
 		"prettier": "^3.0.0",
-		"prettier-plugin-svelte": "^2.10.1",
+		"prettier-plugin-svelte": "^3.1.2",
 		"svelte": "^4.0.0",
 		"svelte-check": "^3.4.3",
 		"svelte-preprocess": "^5.0.3",
@@ -38,6 +38,6 @@
 		"sass": "^1.55.0",
 		"sass-loader": "^13.1.0",
 		"sveltekit-i18n": "^2.2.2",
-		"sveltestrap": "^5.10.0"
+		"@sveltestrap/sveltestrap": "^6.2.1"
 	}
-}
+}

ui/src/lib/components/ChangePasswordForm.svelte

@@ -28,7 +28,7 @@
      Button,
      Input,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { t } from '$lib/translations';
  import { checkWeakPassword, checkPasswordConfirmation } from '$lib/password';

ui/src/lib/components/DeleteAccountCard.svelte

@@ -34,7 +34,7 @@
      ModalFooter,
      ModalHeader,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { deleteUserAccount } from '$lib/api/user';
  import { t } from '$lib/translations';

ui/src/lib/components/DiffZone.svelte

@@ -27,7 +27,7 @@
  import {
      Icon,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import {
      diffZone as APIDiffZone,

ui/src/lib/components/DomainGroupModal.svelte

@@ -30,7 +30,7 @@
      ModalBody,
      ModalHeader,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ZoneList from '$lib/components/ZoneList.svelte';
  import { updateDomain } from '$lib/api/domains';

ui/src/lib/components/EmailConfirmationForm.svelte

@@ -30,7 +30,7 @@
      Input,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { resendValidationEmail } from '$lib/api/user';
  import { t } from '$lib/translations';

ui/src/lib/components/ForgottenPasswordForm.svelte

@@ -30,7 +30,7 @@
      Input,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { t } from '$lib/translations';
  import { forgotAccountPassword } from '$lib/api/user';

ui/src/lib/components/Header.svelte

@@ -35,7 +35,7 @@
      Navbar,
      NavbarBrand,
      Nav,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { logout as APILogout } from '$lib/api/user';
  import HelpButton from '$lib/components/Help.svelte';

ui/src/lib/components/Help.svelte

@@ -25,7 +25,7 @@
  import {
      Button,
      Icon,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
  import type {
      ButtonColor,
      ButtonSize,

ui/src/lib/components/Home.svelte

@@ -33,7 +33,7 @@
      Icon,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import CardImportableDomains from '$lib/components/providers/CardImportableDomains.svelte';
  import DomainGroupList from '$lib/components/DomainGroupList.svelte';

ui/src/lib/components/ListGroup.svelte

@@ -27,7 +27,7 @@
  import {
      ListGroup,
      ListGroupItem,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  const dispatch = createEventDispatcher();
 

ui/src/lib/components/LoginForm.svelte

@@ -30,7 +30,7 @@
      Input,
      Label,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { t } from '$lib/translations';
  import { authUser, cleanUserSession } from '$lib/api/user';

ui/src/lib/components/ModalDiffZone.svelte

@@ -39,7 +39,7 @@
      ModalFooter,
      ModalHeader,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import {
      applyZone as APIApplyZone,

ui/src/lib/components/ModalDomainDelete.svelte

@@ -36,7 +36,7 @@
      ModalBody,
      ModalFooter,
      ModalHeader,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import {
      viewZone as APIViewZone,

ui/src/lib/components/ModalUploadZone.svelte

@@ -40,7 +40,7 @@
      Spinner,
      TabContent,
      TabPane,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import {
      importZone as APIImportZone,

ui/src/lib/components/ModalViewZone.svelte

@@ -34,7 +34,7 @@
      ModalFooter,
      ModalHeader,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import {
      viewZone as APIViewZone,

ui/src/lib/components/NewDomainInput.svelte

@@ -32,7 +32,7 @@
      ListGroup,
      ListGroupItem,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { addDomain } from '$lib/api/domains';
  import { validateDomain } from '$lib/dns';

ui/src/lib/components/Onboarding.svelte

@@ -29,7 +29,7 @@
      CardBody,
      CardGroup,
      Container,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import Logo from '$lib/components/Logo.svelte';
  import ProviderList from '$lib/components/providers/List.svelte';

ui/src/lib/components/RecoverAccountForm.svelte

@@ -30,7 +30,7 @@
      Input,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { recoverAccount } from '$lib/api/user';
  import { checkWeakPassword, checkPasswordConfirmation } from '$lib/password';

ui/src/lib/components/ServiceSelector.svelte

@@ -27,7 +27,7 @@
      NavItem,
      NavLink,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { getProviderSpec } from '$lib/api/provider_specs';
  import ServiceSelectorItem from '$lib/components/ServiceSelectorItem.svelte';

ui/src/lib/components/ServiceSelectorItem.svelte

@@ -27,7 +27,7 @@
  import {
      Badge,
      ListGroupItem,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { nsrrtype } from '$lib/dns';
  import type { ServiceInfos } from '$lib/model/service_specs';

ui/src/lib/components/SignUpForm.svelte

@@ -31,7 +31,7 @@
      Input,
      Label,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { t, locale } from '$lib/translations';
  import { registerUser } from '$lib/api/user';

ui/src/lib/components/Toaster.svelte

@@ -25,7 +25,7 @@
  import {
      Toast,
      ToastHeader,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { toasts } from '$lib/stores/toasts';
 </script>

ui/src/lib/components/UserSettingsForm.svelte

@@ -30,7 +30,7 @@
      Icon,
      Input,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { saveAccountSettings } from '$lib/api/user';
  import type { UserSettings } from '$lib/model/usersettings';

ui/src/lib/components/VoxPeople.svelte

@@ -24,7 +24,7 @@
 <script lang="ts">
  import {
      Icon,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  const { MODE } = import.meta.env;
 

ui/src/lib/components/domains/AliasModal.svelte

@@ -44,7 +44,7 @@
      ModalFooter,
      ModalHeader,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { addZoneService } from '$lib/api/zone';
  import { fqdn, validateDomain } from '$lib/dns';

ui/src/lib/components/domains/ModalFooter.svelte

@@ -29,7 +29,7 @@
      Icon,
      ModalFooter,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { getServiceRecords } from '$lib/api/zone';
  import HelpButton from '$lib/components/Help.svelte';

ui/src/lib/components/domains/ModalHeader.svelte

@@ -26,7 +26,7 @@
  import { escape } from 'html-escaper';
  import {
      ModalHeader,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { t } from '$lib/translations';
 

ui/src/lib/components/domains/NewSubdomainModal.svelte

@@ -38,7 +38,7 @@
      InputGroupText,
      Modal,
      ModalBody,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ModalFooter from '$lib/components/domains/ModalFooter.svelte';
  import ModalHeader from '$lib/components/domains/ModalHeader.svelte';

ui/src/lib/components/domains/Record.svelte

@@ -28,7 +28,7 @@
      Icon,
      Input,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { nsclass, nsrrtype } from '$lib/dns';
  import type { ServiceRecord } from '$lib/model/zone';

ui/src/lib/components/domains/Service.svelte

@@ -36,7 +36,7 @@
      ListGroupItem,
      Table,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { deleteZoneService, getServiceRecords, updateZoneService } from '$lib/api/zone';
  import { nsrrtype } from '$lib/dns';

ui/src/lib/components/domains/ServiceModal.svelte

@@ -34,7 +34,7 @@
      Modal,
      ModalBody,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { addZoneService, deleteZoneService, updateZoneService } from '$lib/api/zone';
  import ModalFooter from '$lib/components/domains/ModalFooter.svelte';

ui/src/lib/components/domains/ServiceSelectorModal.svelte

@@ -31,7 +31,7 @@
  import {
      Modal,
      ModalBody,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ModalFooter from '$lib/components/domains/ModalFooter.svelte';
  import ModalHeader from '$lib/components/domains/ModalHeader.svelte';

ui/src/lib/components/domains/SubdomainItem.svelte

@@ -30,7 +30,7 @@
      Icon,
      Popover,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { deleteZoneService } from '$lib/api/zone';
  import Service from '$lib/components/domains/Service.svelte';

ui/src/lib/components/domains/TableRecords.svelte

@@ -34,7 +34,7 @@
      ListGroupItem,
      Table,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import Record from '$lib/components/domains/Record.svelte';
 

ui/src/lib/components/providers/CardImportableDomains.svelte

@@ -32,7 +32,7 @@
      Icon,
      ListGroupItem,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { addDomain } from '$lib/api/domains';
  import { listImportableDomains } from '$lib/api/provider';

ui/src/lib/components/providers/Form.svelte

@@ -29,7 +29,7 @@
      Container,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ImgProvider from '$lib/components/providers/ImgProvider.svelte';
  import SettingsStateButtons from '$lib/components/providers/SettingsStateButtons.svelte';

ui/src/lib/components/providers/List.svelte

@@ -35,7 +35,7 @@
      DropdownToggle,
      Icon,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { deleteProvider } from '$lib/api/provider';
  import ImgProvider from '$lib/components/providers/ImgProvider.svelte';

ui/src/lib/components/providers/NewModal.svelte

@@ -27,7 +27,7 @@
      ModalBody,
      ModalFooter,
      ModalHeader,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import SettingsStateButtons from '$lib/components/providers/SettingsStateButtons.svelte';
  import CustomForm from '$lib/components/CustomForm.svelte';

ui/src/lib/components/providers/Selector.svelte

@@ -28,7 +28,7 @@
      ListGroup,
      ListGroupItem,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { listProviders } from '$lib/api/provider_specs';
  import ImgProvider from '$lib/components/providers/ImgProvider.svelte';

ui/src/lib/components/providers/SettingsStateButtons.svelte

@@ -27,7 +27,7 @@
  import {
      Button,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import type { CustomForm } from '$lib/model/custom_form';
  import { t } from '$lib/translations';

ui/src/lib/components/resolver/Form.svelte

@@ -30,7 +30,7 @@
      FormGroup,
      Input,
      Spinner
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import SelectType from '$lib/components/resolver/SelectType.svelte';
  import SelectResolver from '$lib/components/resolver/SelectResolver.svelte';

ui/src/lib/components/resolver/SelectResolver.svelte

@@ -24,7 +24,7 @@
 <script lang="ts">
  import {
      Input,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { resolvers } from '$lib/resolver';
  import { t } from '$lib/translations';

ui/src/lib/components/resolver/SelectType.svelte

@@ -24,7 +24,7 @@
 <script lang="ts">
  import {
      Input,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { dns_common_types } from '$lib/dns';
 

ui/src/lib/components/resources/CAA-iodef.svelte

@@ -28,7 +28,7 @@
      Button,
      Icon,
      Input,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  const dispatch = createEventDispatcher();
 

ui/src/lib/components/resources/CAA-issuer.svelte

@@ -30,7 +30,7 @@
      FormGroup,
      Icon,
      Input,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { issuers, rev_issuers } from './CAA-issuers';
 

ui/src/lib/components/resources/CAA.svelte

@@ -31,7 +31,7 @@
      FormGroup,
      Icon,
      Input,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import TableInput from '$lib/components/resources/table.svelte';
  import ResourceRawInput from '$lib/components/resources/raw.svelte';

ui/src/lib/components/resources/basic.svelte

@@ -27,7 +27,7 @@
  import {
      Col,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ResourceRawInput from '$lib/components/resources/raw.svelte';
 

ui/src/lib/components/resources/map.svelte

@@ -25,7 +25,7 @@
  import {
      Button,
      Icon,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import MapEntry from '$lib/components/resources/mapentry.svelte';
  import type { Field } from '$lib/model/custom_form';

ui/src/lib/components/resources/mapentry.svelte

@@ -30,7 +30,7 @@
      Input,
      InputGroup,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ResourceInput from '$lib/components/ResourceInput.svelte';
  import type { Field } from '$lib/model/custom_form';

ui/src/lib/components/resources/object.svelte

@@ -30,7 +30,7 @@
      TabContent,
      TabPane,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { getServiceSpec } from '$lib/api/service_specs';
  import ResourceInput from '$lib/components/ResourceInput.svelte';

ui/src/lib/components/resources/raw.svelte

@@ -28,7 +28,7 @@
      Input,
      InputGroup,
      InputGroupText,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
  import type {
      InputType,
  } from 'sveltestrap/src/Input.d';

ui/src/lib/components/resources/table.svelte

@@ -27,7 +27,7 @@
      Icon,
      Table,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { getServiceSpec } from '$lib/api/service_specs';
  import ResourceInput from '$lib/components/ResourceInput.svelte';

ui/src/routes/+error.svelte

@@ -28,7 +28,7 @@
      Col,
      Container,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 </script>
 
 <Container class="my-3">

ui/src/routes/+layout.svelte

@@ -33,7 +33,7 @@
      Container,
      Row,
      //Styles,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import Header from '$lib/components/Header.svelte';
  import Logo from '$lib/components/Logo.svelte';

ui/src/routes/domains/[dn]/+layout.svelte

@@ -41,7 +41,7 @@
      Input,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import {
      getDomain as APIGetDomain,

ui/src/routes/domains/[dn]/[[historyid]]/+layout.svelte

@@ -26,7 +26,7 @@
 
  import {
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import NewServicePath from '$lib/components/NewServicePath.svelte';
  import ServiceModal from '$lib/components/domains/ServiceModal.svelte';

ui/src/routes/domains/[dn]/[[historyid]]/+page.svelte

@@ -28,7 +28,7 @@
      Icon,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import SubdomainList from '$lib/components/domains/SubdomainList.svelte';
  import type { DomainInList } from '$lib/model/domain';

ui/src/routes/domains/[dn]/history/+page.svelte

@@ -28,7 +28,7 @@
      Button,
      Icon,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { getDomain } from '$lib/api/domains';
  import DiffZone from '$lib/components/DiffZone.svelte';

ui/src/routes/domains/[dn]/import_zone/+page.svelte

@@ -28,7 +28,7 @@
      Alert,
      Icon,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import type { DomainInList } from '$lib/model/domain';
  import { retrieveZone } from '$lib/stores/thiszone';

ui/src/routes/domains/[dn]/logs/+page.svelte

@@ -28,7 +28,7 @@
      Icon,
      Table,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { getDomainLogs } from '$lib/api/domains';
  import { getUser } from '$lib/stores/users';

ui/src/routes/domains/new/[dn]/+page.svelte

@@ -31,7 +31,7 @@
      Icon,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { addDomain } from '$lib/api/domains';
  import ProviderList from '$lib/components/providers/List.svelte';

ui/src/routes/email-validation/+page.svelte

@@ -28,7 +28,7 @@
      Alert,
      Container,
      Spinner
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { validateEmail } from '$lib/api/user';
  import EmailConfirmationForm from '$lib/components/EmailConfirmationForm.svelte';

ui/src/routes/forgotten-password/+page.svelte

@@ -25,7 +25,7 @@
  import {
      Alert,
      Container,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ForgottenPasswordForm from '$lib/components/ForgottenPasswordForm.svelte';
  import RecoverAccountForm from '$lib/components/RecoverAccountForm.svelte';

ui/src/routes/join/+page.svelte

@@ -29,7 +29,7 @@
      Container,
      Col,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { t } from '$lib/translations';
  import SignUpForm from '$lib/components/SignUpForm.svelte';

ui/src/routes/login/+page.svelte

@@ -29,7 +29,7 @@
      Container,
      Col,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { t } from '$lib/translations';
  import LoginForm from '$lib/components/LoginForm.svelte';

ui/src/routes/me/+page.svelte

@@ -29,7 +29,7 @@
      Col,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ChangePasswordForm from '$lib/components/ChangePasswordForm.svelte';
  import DeleteAccountCard from '$lib/components/DeleteAccountCard.svelte';

ui/src/routes/providers/+page.svelte

@@ -31,7 +31,7 @@
      Icon,
      Row,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ProviderList from '$lib/components/providers/List.svelte';
  import { providers, refreshProviders } from '$lib/stores/providers';

ui/src/routes/providers/[prvid]/+page.svelte

@@ -25,7 +25,7 @@
  import {
      Button,
      Icon,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ProviderForm from '$lib/components/providers/Form.svelte';
  import type { Provider } from '$lib/model/provider';

ui/src/routes/providers/features/+page.svelte

@@ -27,7 +27,7 @@
      Icon,
      Table,
      Spinner,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { listProviders } from '$lib/api/provider_specs';
  import ImgProvider from '$lib/components/providers/ImgProvider.svelte';

ui/src/routes/providers/new/+page.svelte

@@ -30,7 +30,7 @@
      Container,
      Icon,
      Row,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import ProviderSelector from '$lib/components/providers/Selector.svelte';
  import { t } from '$lib/translations';

ui/src/routes/resolver/[[domain]]/+page.svelte

@@ -29,7 +29,7 @@
      Col,
      Row,
      Table,
- } from 'sveltestrap';
+ } from '@sveltestrap/sveltestrap';
 
  import { resolve as APIResolve } from '$lib/api/resolver';
  import ResolverForm from '$lib/components/resolver/Form.svelte';