diff --git a/packages/core/package.json b/packages/core/package.json index d8ddbd4e..4e0b2725 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@viamrobotics/prime-core", - "version": "0.0.133", + "version": "0.0.134", "publishConfig": { "access": "public" }, diff --git a/packages/core/src/lib/icon/icon.svelte b/packages/core/src/lib/icon/icon.svelte index 2895cf4c..8649240a 100644 --- a/packages/core/src/lib/icon/icon.svelte +++ b/packages/core/src/lib/icon/icon.svelte @@ -52,7 +52,7 @@ $: { } else if (Array.isArray(pathValue)) { allPaths = pathValue.map((icon) => ({ path: icon.path, - opacity: icon.opacity, + opacity: 'opacity' in icon ? icon.opacity : undefined, })); } } diff --git a/packages/core/src/lib/icon/icons.ts b/packages/core/src/lib/icon/icons.ts index c2b736b8..ae73bd4d 100644 --- a/packages/core/src/lib/icon/icons.ts +++ b/packages/core/src/lib/icon/icons.ts @@ -13,7 +13,7 @@ export type IconPath = Path | CustomIcon[]; * Keys should match MDI name * e.g. 'account-multiple' for MDI.mdiAccountMultiple */ -export const paths: Record = { +export const paths = { 'account-group-outline': MDI.mdiAccountGroupOutline, 'account-multiple': MDI.mdiAccountMultiple, 'alert-circle-outline': MDI.mdiAlertCircleOutline, @@ -125,6 +125,8 @@ export const paths: Record = { sync: MDI.mdiSync, tools: MDI.mdiTools, 'trash-can-outline': MDI.mdiTrashCanOutline, + 'toggle-switch-outline': MDI.mdiToggleSwitchOutline, + 'toggle-switch-off-outline': MDI.mdiToggleSwitchOffOutline, twitter: MDI.mdiTwitter, undo: MDI.mdiUndo, 'unfold-less-horizontal': MDI.mdiUnfoldLessHorizontal, diff --git a/packages/core/src/lib/pill.svelte b/packages/core/src/lib/pill.svelte index 590852d3..3895776c 100644 --- a/packages/core/src/lib/pill.svelte +++ b/packages/core/src/lib/pill.svelte @@ -34,7 +34,7 @@ export let disabled = false; export let removable = true; /** The icon shown in the button. */ -export let icon: IconName = ''; +export let icon: IconName | undefined = undefined; /** Additional CSS classes to pass to the pill. */ let extraClasses: cx.Argument = ''; diff --git a/packages/core/src/lib/select/__tests__/searchable-select.spec.ts b/packages/core/src/lib/select/__tests__/searchable-select.spec.ts index b2b6ec1a..fb21a22f 100644 --- a/packages/core/src/lib/select/__tests__/searchable-select.spec.ts +++ b/packages/core/src/lib/select/__tests__/searchable-select.spec.ts @@ -14,13 +14,13 @@ const detailedOptions = [ value: 'opt-1', label: 'Gale', description: 'Wizard', - icon: 'viam-process', + icon: 'viam-process' as const, }, { value: 'opt-2', label: 'Karlach', description: 'Barbarian', - icon: 'language-cpp', + icon: 'language-cpp' as const, }, ]; const stringOptions = ['hello from', 'the other side']; @@ -364,7 +364,7 @@ describe('SearchableSelect', () => { const newOptions = [ { value: 'New Option 1' }, { value: 'opt1', label: 'New Option 2' }, - { value: 'opt3', label: 'New Option 3', icon: 'apple' }, + { value: 'opt3', label: 'New Option 3', icon: 'apple' as const }, ]; // Update the options prop diff --git a/packages/storybook/src/stories/icon.stories.svelte b/packages/storybook/src/stories/icon.stories.svelte index f570ff6b..42ac44e9 100644 --- a/packages/storybook/src/stories/icon.stories.svelte +++ b/packages/storybook/src/stories/icon.stories.svelte @@ -1,10 +1,10 @@