@aws-amplify/ui-svelte 0.0.0-next-b4d0af6-20220107001542 → 0.0.0-next-23d2233-20251017111356

package/dist/components/primitives/AmplifyPhoneNumberField.svelte

@@ -1,50 +0,0 @@
-<script >import AmplifyFormSelect from './AmplifyFormSelect.svelte';
-import { nanoid } from 'nanoid';
-import { countryDialCodes } from '@aws-amplify/ui';
-export let autocomplete = 'new-password';
-export let disabled = false;
-export let defaultCountryCode;
-export let selectFieldId = `amplify-field-${nanoid(12)}`;
-export let textFieldId = `amplify-field-${nanoid(12)}`;
-export let initialValue = '';
-export let label = '';
-export let name;
-export let placeholder = '';
-export let required = true;
-export let type;
-export let labelHidden = false;
-</script>
-
-<label class="amplify-label {labelHidden ? 'sr-only' : ''}" for={textFieldId}>
-	{label}
-</label>
-<div class="amplify-flex amplify-phonenumberfield" amplify-field-group style="gap: 0px">
-	<div class="amplify-field-group__outer-start">
-		<div
-			class="
-        amplify-flex amplify-field amplify-selectfield amplify-countrycodeselect
-      "
-			style="flex-direction: column"
-		>
-			<AmplifyFormSelect
-				name="country_code"
-				label="Country Code"
-				id={selectFieldId}
-				items={countryDialCodes}
-				defaultValue={defaultCountryCode}
-			/>
-		</div>
-	</div>
-
-	<input
-		class="amplify-input"
-		id={textFieldId}
-		{type}
-		{name}
-		{placeholder}
-		{required}
-		value={initialValue}
-		{disabled}
-		{autocomplete}
-	/>
-</div>

package/dist/components/primitives/AmplifyPhoneNumberField.svelte.d.ts

@@ -1,27 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        autocomplete?: string;
-        disabled?: boolean;
-        defaultCountryCode: string;
-        selectFieldId?: string;
-        textFieldId?: string;
-        initialValue?: string;
-        label?: string;
-        name: string;
-        placeholder?: string;
-        required?: boolean;
-        type: string;
-        labelHidden?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type AmplifyPhoneNumberFieldProps = typeof __propDef.props;
-export declare type AmplifyPhoneNumberFieldEvents = typeof __propDef.events;
-export declare type AmplifyPhoneNumberFieldSlots = typeof __propDef.slots;
-export default class AmplifyPhoneNumberField extends SvelteComponentTyped<AmplifyPhoneNumberFieldProps, AmplifyPhoneNumberFieldEvents, AmplifyPhoneNumberFieldSlots> {
-}
-export {};

package/dist/components/primitives/AmplifyTabItem.svelte.d.ts

@@ -1,19 +0,0 @@
-/** @typedef {typeof __propDef.props}  AmplifyTabItemProps */
-/** @typedef {typeof __propDef.events}  AmplifyTabItemEvents */
-/** @typedef {typeof __propDef.slots}  AmplifyTabItemSlots */
-export default class AmplifyTabItem extends SvelteComponentTyped<{}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type AmplifyTabItemProps = typeof __propDef.props;
-export type AmplifyTabItemEvents = typeof __propDef.events;
-export type AmplifyTabItemSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/primitives/AmplifyTabs.svelte

@@ -1,50 +0,0 @@
-<script >//tab list
-const tabs = [
-    {
-        active: true,
-        labelledById: '1',
-        id: '1',
-        title: 'Sign In'
-    },
-    {
-        active: false,
-        labelledById: '2',
-        id: '2',
-        title: 'Sign Up'
-    }
-];
-function handleTabClick(e) {
-    // future
-}
-</script>
-
-<div
-	tabindex="0"
-	aria-orientation="horizontal"
-	data-orientation="horizontal"
-	role="tablist"
-	style="outline: none"
->
-	<div
-		class="amplify-flex amplify-tabs"
-		data-indicator-position="top"
-		style="gap: 0px; justify-content: center"
-	>
-		{#each tabs as tab}
-			<div
-				class="amplify-tabs-item"
-				data-spacing="equal"
-				data-orientation="horizontal"
-				role="tab"
-				id={tab.labelledById}
-				tabindex={tab.active ? 0 : 1}
-				aria-selected={tab.active}
-				aria-controls={tab.id}
-				data-state={tab.active ? 'active' : 'inactive'}
-				on:click={() => handleTabClick(tab)}
-			>
-				{tab.title}
-			</div>
-		{/each}
-	</div>
-</div>

package/dist/components/primitives/AmplifyTabs.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type AmplifyTabsProps = typeof __propDef.props;
-export declare type AmplifyTabsEvents = typeof __propDef.events;
-export declare type AmplifyTabsSlots = typeof __propDef.slots;
-export default class AmplifyTabs extends SvelteComponentTyped<AmplifyTabsProps, AmplifyTabsEvents, AmplifyTabsSlots> {
-}
-export {};

package/dist/components/primitives/AmplifyTextField.svelte

@@ -1,31 +0,0 @@
-<script >import { createEventDispatcher } from 'svelte';
-import { nanoid } from 'nanoid';
-export let autocomplete = 'new-password';
-export let disabled = false;
-export let fieldId = `amplify-field-${nanoid(12)}`;
-export let initialValue = '';
-export let label = '';
-export let name;
-export let placeholder = '';
-export let required = true;
-export let type;
-export let labelHidden = false;
-const dispatch = createEventDispatcher();
-</script>
-
-<label class="amplify-label {labelHidden ? 'sr-only' : ''}" for={fieldId}>
-	{label}
-</label>
-<input
-	{...$$restProps}
-	on:blur={($event) => dispatch('blur', $event)}
-	class={`amplify-input ${$$props.class ?? ''}`}
-	id={fieldId}
-	{type}
-	{name}
-	{placeholder}
-	{required}
-	value={initialValue}
-	{disabled}
-	{autocomplete}
-/>

package/dist/components/primitives/AmplifyTextField.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        autocomplete?: string;
-        disabled?: boolean;
-        fieldId?: string;
-        initialValue?: string;
-        label?: string;
-        name: string;
-        placeholder?: string;
-        required?: boolean;
-        type: string;
-        labelHidden?: boolean;
-    };
-    events: {
-        blur: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type AmplifyTextFieldProps = typeof __propDef.props;
-export declare type AmplifyTextFieldEvents = typeof __propDef.events;
-export declare type AmplifyTextFieldSlots = typeof __propDef.slots;
-export default class AmplifyTextField extends SvelteComponentTyped<AmplifyTextFieldProps, AmplifyTextFieldEvents, AmplifyTextFieldSlots> {
-}
-export {};

package/dist/package.json

@@ -1,65 +0,0 @@
-{
-  "name": "@aws-amplify/ui-svelte",
-  "version": "0.0.1",
-  "type": "module",
-  "main": "dist/index.js",
-  "svelte": "dist/index.js",
-  "exports": {
-    "./package.json": "./package.json",
-    "./components/Authenticator.svelte": "./components/Authenticator.svelte",
-    "./components/SignIn.svelte": "./components/SignIn.svelte",
-    "./components/UserNameAlias.svelte": "./components/UserNameAlias.svelte",
-    "./components/authStore": "./components/authStore.js",
-    "./components/primitives/AmplifyButton.svelte": "./components/primitives/AmplifyButton.svelte",
-    "./components/primitives/AmplifyError.svelte": "./components/primitives/AmplifyError.svelte",
-    "./components/primitives/AmplifyFormField.svelte": "./components/primitives/AmplifyFormField.svelte",
-    "./components/primitives/AmplifyFormSelect.svelte": "./components/primitives/AmplifyFormSelect.svelte",
-    "./components/primitives/AmplifyPasswordField.svelte": "./components/primitives/AmplifyPasswordField.svelte",
-    "./components/primitives/AmplifyPhoneNumberField.svelte": "./components/primitives/AmplifyPhoneNumberField.svelte",
-    "./components/primitives/AmplifyTabItem.svelte": "./components/primitives/AmplifyTabItem.svelte",
-    "./components/primitives/AmplifyTabs.svelte": "./components/primitives/AmplifyTabs.svelte",
-    "./components/primitives/AmplifyTextField.svelte": "./components/primitives/AmplifyTextField.svelte",
-    ".": {
-      "import": "./dist/index.js"
-    },
-    "./styles.css": "./dist/styles.css"
-  },
-  "browser": {
-    "./styles.css": "./dist/styles.css"
-  },
-  "files": [
-    "dist",
-    "LICENSE"
-  ],
-  "devDependencies": {
-    "@sveltejs/adapter-auto": "next",
-    "@sveltejs/adapter-node": "^1.0.0-next.56",
-    "@sveltejs/adapter-static": "^1.0.0-next.23",
-    "@sveltejs/kit": "next",
-    "@typescript-eslint/eslint-plugin": "^4.31.1",
-    "@typescript-eslint/parser": "^4.31.1",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-svelte3": "^3.2.1",
-    "prettier": "^2.4.1",
-    "prettier-plugin-svelte": "^2.4.0",
-    "shx": "^0.3.3",
-    "svelte": "^3.44.0",
-    "svelte-check": "^2.2.6",
-    "svelte-preprocess": "^4.9.4",
-    "svelte2tsx": "^0.4.12",
-    "tslib": "^2.3.1",
-    "typescript": "^4.4.3"
-  },
-  "peerDependencies": {
-    "aws-amplify": "^4.2.2"
-  },
-  "dependencies": {
-    "@aws-amplify/ui": "3.0.6",
-    "@rollup/plugin-replace": "^3.0.0",
-    "nanoid": "^3.1.30",
-    "qrcode": "^1.5.0",
-    "svelte2tsx": "^0.4.12",
-    "xstate": "^4.26.1"
-  }
-}