@softwareone/spi-sv5-library 1.3.1 → 1.4.0

package/dist/Waffle/WaffleItems.svelte

@@ -0,0 +1,82 @@
+<script lang="ts">
+	interface Props {
+		title: string;
+		icon: string;
+		isNew?: boolean;
+		onclickwaffleitems: VoidFunction;
+	}
+
+	let { title, icon, isNew = false, onclickwaffleitems }: Props = $props();
+</script>
+
+<button onclick={onclickwaffleitems} class="waffle-item-button">
+	{#if isNew}
+		<span class="waffle-new-badge" aria-label="New application">New</span>
+	{/if}
+
+	<figure class="waffle-icon-container" aria-hidden="true">
+		{@html icon}
+	</figure>
+
+	<h3 class="waffle-title">
+		{title}
+	</h3>
+</button>
+
+<style>
+	.waffle-item-button {
+		position: relative;
+		width: 150px;
+		height: 110px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		border-radius: 8px;
+		text-align: center;
+		border: none;
+		background: transparent;
+		cursor: pointer;
+		transition: background-color 0.2s ease-in-out;
+	}
+
+	.waffle-item-button:hover {
+		background: #f4f6f8;
+	}
+
+	.waffle-item-button:focus, .waffle-item-button:focus-visible {
+		background: #eaecff;
+	}
+
+	.waffle-new-badge {
+		position: absolute;
+		top: 8px;
+		right: 8px;
+		background: #e6f9f2;
+		color: #29764d;
+		font-size: 14px;
+		font-weight: 500;
+		padding: 2px 6px;
+		border-radius: 4px;
+	}
+
+	.waffle-icon-container {
+		width: 40px;
+		height: 40px;
+		margin-bottom: 12px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.waffle-title {
+		color: #000;
+		font-weight: 500;
+		font-size: inherit;
+		word-break: break-words;
+		line-height: 1.25;
+		text-align: center;
+		padding: 0 4px;
+		margin: 0;
+	}
+</style>

package/dist/Waffle/WaffleItems.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    title: string;
+    icon: string;
+    isNew?: boolean;
+    onclickwaffleitems: VoidFunction;
+}
+declare const WaffleItems: import("svelte").Component<Props, {}, "">;
+type WaffleItems = ReturnType<typeof WaffleItems>;
+export default WaffleItems;

package/dist/Waffle/waffleState.svelte.d.ts

@@ -0,0 +1,6 @@
+export interface WaffleItem {
+    title: string;
+    url: string;
+    icon: string;
+    isNew?: boolean;
+}

package/dist/Waffle/waffleState.svelte.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -27,15 +27,20 @@ import type { MenuItem } from './Menu/SidebarState.svelte';
 import Modal from './Modal/Modal.svelte';
 import type { ModalProps } from './Modal/modalState.svelte.js';
 import Notification from './Notification/Notification.svelte';
+import Processing from './Processing/Processing.svelte';
 import ProgressPage from './ProgressPage/ProgressPage.svelte';
 import { setProgressWizardStepsContext, getProgressWizardContext } from './ProgressWizard/context.js';
 import ProgressWizard from './ProgressWizard/ProgressWizard.svelte';
 import { setStepValidity, type ProgressWizardStep } from './ProgressWizard/progressWizardState.svelte.js';
 import Search from './Search/Search.svelte';
 import Spinner from './Spinner/Spinner.svelte';
+import Switcher from './Switcher/Switcher.svelte';
+import type { SwitcherOption } from './Switcher/switcherState.svelte.js';
 import Tabs from './Tabs/Tabs.svelte';
 import type { Tab } from './Tabs/tabsState.svelte.js';
 import Toaster from './Toast/Toast.svelte';
 import { addToast, type Toast } from './Toast/toastState.svelte';
 import Tooltip from './Tooltip/Tooltip.svelte';
-export { Accordion, addBreadcrumbsNameMap, addToast, Avatar, Breadcrumbs, Button, Card, Chips, ChipType, ColumnType, ErrorPage, Footer, getProgressWizardContext, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, ImageType, Input, Menu, Modal, Notification, ProgressPage, ProgressWizard, Search, Select, setStepValidity, setProgressWizardStepsContext, Sidebar, Spinner, Tabs, TextArea, Toaster, Toggle, Tooltip, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MenuItem, type ModalProps, type ProgressWizardStep, type SelectOption, type Tab, type Toast };
+import Waffle from './Waffle/Waffle.svelte';
+import type { WaffleItem } from './Waffle/waffleState.svelte.js';
+export { Accordion, addBreadcrumbsNameMap, addToast, Avatar, Breadcrumbs, Button, Card, Chips, ChipType, ColumnType, ErrorPage, Footer, getProgressWizardContext, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, ImageType, Input, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, Search, Select, setStepValidity, setProgressWizardStepsContext, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MenuItem, type ModalProps, type ProgressWizardStep, type SelectOption, type SwitcherOption, type Tab, type Toast, type WaffleItem };

package/dist/index.js

@@ -23,14 +23,17 @@ import Menu from './Menu/Menu.svelte';
 import Sidebar from './Menu/Sidebar.svelte';
 import Modal from './Modal/Modal.svelte';
 import Notification from './Notification/Notification.svelte';
+import Processing from './Processing/Processing.svelte';
 import ProgressPage from './ProgressPage/ProgressPage.svelte';
 import { setProgressWizardStepsContext, getProgressWizardContext } from './ProgressWizard/context.js';
 import ProgressWizard from './ProgressWizard/ProgressWizard.svelte';
 import { setStepValidity } from './ProgressWizard/progressWizardState.svelte.js';
 import Search from './Search/Search.svelte';
 import Spinner from './Spinner/Spinner.svelte';
+import Switcher from './Switcher/Switcher.svelte';
 import Tabs from './Tabs/Tabs.svelte';
 import Toaster from './Toast/Toast.svelte';
 import { addToast } from './Toast/toastState.svelte';
 import Tooltip from './Tooltip/Tooltip.svelte';
-export { Accordion, addBreadcrumbsNameMap, addToast, Avatar, Breadcrumbs, Button, Card, Chips, ChipType, ColumnType, ErrorPage, Footer, getProgressWizardContext, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, ImageType, Input, Menu, Modal, Notification, ProgressPage, ProgressWizard, Search, Select, setStepValidity, setProgressWizardStepsContext, Sidebar, Spinner, Tabs, TextArea, Toaster, Toggle, Tooltip };
+import Waffle from './Waffle/Waffle.svelte';
+export { Accordion, addBreadcrumbsNameMap, addToast, Avatar, Breadcrumbs, Button, Card, Chips, ChipType, ColumnType, ErrorPage, Footer, getProgressWizardContext, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, ImageType, Input, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, Search, Select, setStepValidity, setProgressWizardStepsContext, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@softwareone/spi-sv5-library",
-	"version": "1.3.1",
+	"version": "1.4.0",
 	"description": "Svelte components",
 	"keywords": [
 		"svelte",