@iroco/ui 0.21.0 → 0.50.0

package/src/TextInput.svelte

@@ -1,121 +0,0 @@
-<script lang="ts">
-	export enum TextType {
-		text = 'text',
-		email = 'email',
-		password = 'password'
-	}
-
-	export let id: string;
-	export let type: TextType;
-	export let name: string;
-	export let label: string | null = null;
-	export let placeholder: string | undefined;
-	export let error: string | null = null;
-	export let htmlError = false;
-	export let value: string | null = null;
-	export let onFocus: (e: FocusEvent) => void;
-	export let onBlur: (e: Event) => void;
-	export let readonly = false;
-	export let border = false;
-
-	function typeAction(node: HTMLInputElement) {
-	  node.type = type;
-	}
-</script>
-
-<div class="iroco-ui-input">
-	{#if label}
-		<label class="iroco-ui-label" for={id}>{label}</label>
-	{/if}
-	<input
-		on:input
-		bind:value
-		on:focus={onFocus}
-		on:blur={onBlur}
-		{id}
-		type="text"
-		name={name}
-		{placeholder}
-		class:border
-		class:error={error !== null}
-		class:readonlyInput={readonly == true}
-		use:typeAction
-		{readonly}
-	/>
-	{#if error != null}
-		<p data-testid="error" class="error">
-			{#if htmlError}
-				{@html error !== null ? error : ''}
-			{:else}
-				{error !== null ? error : ''}
-			{/if}
-		</p>
-	{/if}
-</div>
-
-<style lang="scss">
-	@use "../scss/colors";
-	@use "../scss/constants";
-
-	input,
-	textarea {
-		outline: none;
-		text-decoration: none;
-		font-size: 14px;
-
-		&:focus {
-			outline: none;
-			text-decoration: none;
-			font-size: 14px;
-		}
-	}
-
-	.iroco-ui-input {
-		display: flex;
-		flex-direction: column;
-
-		> input {
-			color: colors.$beige;
-			background: colors.$darkBlue;
-			border: 1px solid colors.$darkBlue;
-			padding: 1em 1.5em;
-			text-overflow: ellipsis;
-			white-space: nowrap;
-			overflow: hidden;
-			border-radius: constants.$border-radius;
-
-			&.border {
-				border: 1px solid colors.$beige;
-			}
-
-			&::placeholder {
-				color: rgba(colors.$beige, 0.5);
-			}
-			&.error {
-				border-color: colors.$red;
-			}
-			&.readonlyInput {
-				cursor: not-allowed;
-			}
-		}
-
-		.error {
-			color: colors.$red;
-		}
-	}
-
-	.iroco-ui-label {
-		color: rgba(colors.$beige, 0.6);
-		font-weight: bold;
-		padding-bottom: 10px;
-		display: inline-block;
-	}
-
-	.field {
-		margin-top: 20px;
-
-		&:first-child {
-			margin: 0;
-		}
-	}
-</style>

package/src/definition.ts

@@ -1,30 +0,0 @@
-export class NavigationItem  {
-    hrefOrCallback: string|(() => void);
-    name: string;
-    button: boolean;
-    
-    constructor (name: string, hrefOrCallback: string|(() => void), button=  false) {
-      this.hrefOrCallback = hrefOrCallback;
-      this.name = name;
-      this.button = button
-    }
-}
-
-export enum Color {
-  blue= '#00B9FF',
-  darkBlue= '#211D28',
-  nightBlue= '#18151E',
-  green= '#00D692',
-  red= '#ff504d',
-  yellow= '#FFE032',
-  beige= '#f2ebe3',
-  darkBeige= '#a9a29e',
-  mediumGrey = '#464452',
-  darkGrey= '#33323a',
-  lightGrey= '#f5f5f5'
-}
-
-export enum ButtonKind {
-    REGULAR = "regular",
-    DANGER = "danger"
-}

package/src/index.ts

@@ -1,21 +0,0 @@
-import '../scss/style.scss';
-export { default as Button } from './Button.svelte';
-export { default as TextInput } from './TextInput.svelte'
-export { default as RadioButton } from './RadioButton.svelte';
-export { default as NumberInput } from './NumberInput.svelte'
-export { default as Icon } from './Icon.svelte'
-export { default as Loader } from './Loader.svelte'
-export { default as IconInfo } from './IconInfo.svelte'
-export { default as IconMastodon } from './IconMastodon.svelte'
-export { default as NavBar } from './NavBar.svelte'
-export { default as Navigation } from './Navigation.svelte'
-export { default as DataTable } from './DataTable.svelte'
-export { default as IconMore } from './IconMoreSign.svelte'
-export { default as IconFloppyDisk } from './IconFloppyDisk.svelte'
-export { default as IconTrashCan } from './IconTrashCan.svelte'
-export { default as Alert } from './Alert.svelte'
-export { default as IconIrocoLogo } from './IconIrocoLogo.svelte'
-export { default as IrocoLogo } from './IrocoLogo.svelte'
-export * from './definition'
-
-