Remove custom element workarounds

Moves style imports to script
sameoldlab · Jul 31, 2024 · 4fc54a6 · 4fc54a6
1 parent 301f618
commit 4fc54a6
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 24 deletions.
diff --git a/packages/ui/src/components/AccountModal.svelte b/packages/ui/src/components/AccountModal.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import '../styles/index.css'
 	import { truncate } from '../utils.js'
 	import type {
 		AccountData,
@@ -97,6 +98,3 @@
 	</Modal>
 {/if}
 
-<style lang="postcss">
-	@import url('../styles/index.css');
-</style>
diff --git a/packages/ui/src/components/Common/Modal.svelte b/packages/ui/src/components/Common/Modal.svelte
@@ -103,8 +103,6 @@
 {/if}
 
 <style>
-	@import url('../../styles/index.css');
-
 	dialog:not([open]) {
 		pointer-events: none;
 		opacity: 0;

diff --git a/packages/ui/src/components/ConnectModal/ConnectModal.svelte b/packages/ui/src/components/ConnectModal/ConnectModal.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import '../../styles/index.css'
 
 	import { onDestroy } from 'svelte'
 	import copyEN from '../../copy/copy.EN.js'
@@ -145,11 +146,7 @@
 		{/if}
 	</div>
 </Modal>
-
-<!-- </Modal> -->
-
 <style>
-	@import url('../../styles/index.css');
 
 	.hide {
 		display: none;

diff --git a/packages/ui/src/components/FractlModal.svelte b/packages/ui/src/components/FractlModal.svelte
@@ -1,14 +1,3 @@
-<svelte:options
-	customElement={{
-		tag: 'fractl-modal',
-		shadow: 'none',
-		props: {
-			config: { reflect: false, type: 'Object', attribute: 'config' }
-		}
-	}}
-	accessors={true}
-/>
-
 <script lang="ts">
 	import { ConnectModal, AccountModal } from './index.js'
 	import type { Config } from '@fractl-ui/types'

diff --git a/packages/ui/src/components/zorb/Zorb.svelte b/packages/ui/src/components/zorb/Zorb.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import '../../styles/index.css'
 	import { gradientForAddress } from './lib.js'
 	export let size = '100%'
 	export let address = '0x0000000000000000000000000000000000000000'
@@ -36,7 +37,3 @@
 		<ellipse fill="url(#gzr)" cx="45" cy="45" rx="45" ry="45"></ellipse>
 	</g>
 </svg>
-
-<style lang="postcss">
-	@import url('../../styles/index.css');
-</style>