@insymetri/styleguide 0.1.69 → 0.1.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/IIAccordion/IIAccordion.svelte +2 -1
  2. package/dist/IIAlert/IIAlert.svelte +2 -2
  3. package/dist/IIAuditTrail/IIAuditTrail.svelte +1 -1
  4. package/dist/IIButton/IIButton.svelte +1 -1
  5. package/dist/IICheckbox/IICheckbox.svelte +1 -1
  6. package/dist/IICombobox/IICombobox.svelte +2 -2
  7. package/dist/IIContextMenu/IIContextMenu.svelte +1 -1
  8. package/dist/IIDropdownInput/IIDropdownInput.svelte +2 -2
  9. package/dist/IIDropdownMenu/IIDropdownMenu.svelte +1 -1
  10. package/dist/IIEditableBadges/IIEditableBadges.svelte +1 -1
  11. package/dist/IIFilterChip/IIFilterChip.svelte +1 -1
  12. package/dist/IIIcon/IIIcon.svelte +38 -2
  13. package/dist/IIIcon/IIIcon.svelte.d.ts +6 -0
  14. package/dist/IIIcon/index.d.ts +1 -0
  15. package/dist/IIIconButton/IIIconButton.svelte +1 -1
  16. package/dist/IIMultiSelect/IIMultiSelect.svelte +3 -3
  17. package/dist/IIOverflowActions/IIOverflowActions.svelte +1 -1
  18. package/dist/IIStepper/IIStepper.svelte +1 -1
  19. package/dist/IITabBar/IITabBar.svelte +2 -2
  20. package/dist/Icons/Icons.svelte +1 -1
  21. package/dist/MobileOnboarding/ApplyFinancialScreen.svelte +1 -1
  22. package/dist/MobileOnboarding/current/CurrentApplyScreen.svelte +1 -1
  23. package/dist/icons.d.ts +1 -0
  24. package/dist/icons.js +1 -0
  25. package/dist/index.d.ts +1 -0
  26. package/package.json +1 -1
package/dist/IIAccordion/IIAccordion.svelte CHANGED
@@ -39,7 +39,8 @@
39
39
  >
40
40
  <IIIcon
41
41
  iconName="caret-right"
42
- class={cn('w-14 h-14 text-secondary shrink-0 transition-transform duration-fast', expanded && 'rotate-90')}
42
+ variant="secondary"
43
+ class={cn('transition-transform duration-fast', expanded && 'rotate-90')}
43
44
  />
44
45
  <div class="flex-1 min-w-0">
45
46
  {@render trigger({expanded})}
package/dist/IIAlert/IIAlert.svelte CHANGED
@@ -36,7 +36,7 @@
36
36
 
37
37
  {#if !dismissed}
38
38
  <div class={cn('flex gap-12 p-12 rounded-8 border', config.bg, config.border, className)} role="alert">
39
- <IIIcon iconName={config.icon} class={cn('size-20 shrink-0 mt-1', config.text)} />
39
+ <IIIcon iconName={config.icon} size="lg" class={cn('mt-1', config.text)} />
40
40
  <div class="flex-auto min-w-0">
41
41
  {#if title}
42
42
  <p class={cn('text-small-emphasis m-0', config.text)}>{title}</p>
@@ -52,7 +52,7 @@
52
52
  onclick={handleDismiss}
53
53
  aria-label="Dismiss"
54
54
  >
55
- <IIIcon iconName="x" class="size-16" />
55
+ <IIIcon iconName="x" size="md" />
56
56
  </button>
57
57
  {/if}
58
58
  </div>
package/dist/IIAuditTrail/IIAuditTrail.svelte CHANGED
@@ -113,7 +113,7 @@
113
113
  <div class="flex justify-between items-start mb-4">
114
114
  <div class="flex gap-8 items-start">
115
115
  <span class="text-secondary flex">
116
- <IIIcon {iconName} class="w-20 h-20" />
116
+ <IIIcon {iconName} size="lg" />
117
117
  </span>
118
118
  <div class="flex-1">
119
119
  <div class="text-small-emphasis text-body mb-4">{event.description}</div>
package/dist/IIButton/IIButton.svelte CHANGED
@@ -107,7 +107,7 @@
107
107
 
108
108
  {#snippet iconContent()}
109
109
  {#if iconName}
110
- <IIIcon {iconName} class={cn(iconSizeClasses[size], isLoading && 'invisible')} />
110
+ <IIIcon {iconName} size="inherit" class={cn(iconSizeClasses[size], isLoading && 'invisible')} />
111
111
  {/if}
112
112
  {#if isLoading && children}
113
113
  <span class="invisible">{@render children()}</span>
package/dist/IICheckbox/IICheckbox.svelte CHANGED
@@ -52,7 +52,7 @@
52
52
  )}
53
53
  >
54
54
  {#if checked}
55
- <IIIcon iconName="check" class={size === 'sm' ? 'w-14 h-14 text-white' : 'w-16 h-16 text-white'} />
55
+ <IIIcon iconName="check" size={size === 'sm' ? 'sm' : 'md'} variant="inverse" />
56
56
  {/if}
57
57
  </div>
58
58
  </Checkbox.Root>
package/dist/IICombobox/IICombobox.svelte CHANGED
@@ -163,12 +163,12 @@
163
163
  {:else if isSimpleItem(item)}
164
164
  <span class="flex-1">{item.label}</span>
165
165
  {#if selected}
166
- <IIIcon iconName="check" class="w-18 h-18 shrink-0 ml-auto" />
166
+ <IIIcon iconName="check" size="inherit" class="size-18 ml-auto" />
167
167
  {/if}
168
168
  {:else}
169
169
  <span class="flex-1">{getItemValue(item)}</span>
170
170
  {#if selected}
171
- <IIIcon iconName="check" class="w-18 h-18 shrink-0 ml-auto" />
171
+ <IIIcon iconName="check" size="inherit" class="size-18 ml-auto" />
172
172
  {/if}
173
173
  {/if}
174
174
  {/snippet}
package/dist/IIContextMenu/IIContextMenu.svelte CHANGED
@@ -216,7 +216,7 @@
216
216
  }}
217
217
  >
218
218
  <MenuItemContent icon={entry.icon} label={entry.label} shortcut={entry.shortcut} />
219
- <IIIcon iconName="caret-right" class="w-12 h-12 text-tertiary shrink-0" />
219
+ <IIIcon iconName="caret-right" size="xs" variant="tertiary" />
220
220
  </div>
221
221
  {#if isOpen}
222
222
  {#if entry.searchable}
package/dist/IIDropdownInput/IIDropdownInput.svelte CHANGED
@@ -263,7 +263,7 @@
263
263
  {:else}
264
264
  <span>{selectedLabel}</span>
265
265
  {/if}
266
- <IIIcon iconName="caret-down" class="w-14 h-14 shrink-0" />
266
+ <IIIcon iconName="caret-down" />
267
267
  </button>
268
268
 
269
269
  {#if open}
@@ -326,7 +326,7 @@
326
326
  {item.label}
327
327
  </span>
328
328
  {#if value === item.value}
329
- <IIIcon iconName="check" class="w-14 h-14 text-accent shrink-0" />
329
+ <IIIcon iconName="check" variant="accent" />
330
330
  {/if}
331
331
  {/if}
332
332
  </div>
package/dist/IIDropdownMenu/IIDropdownMenu.svelte CHANGED
@@ -266,7 +266,7 @@
266
266
  }}
267
267
  >
268
268
  <MenuItemContent icon={entry.icon} label={entry.label} shortcut={entry.shortcut} />
269
- <IIIcon iconName="caret-right" class="w-12 h-12 text-tertiary shrink-0" />
269
+ <IIIcon iconName="caret-right" size="xs" variant="tertiary" />
270
270
  </div>
271
271
  {#if isOpen}
272
272
  {#if entry.searchable}
package/dist/IIEditableBadges/IIEditableBadges.svelte CHANGED
@@ -81,7 +81,7 @@
81
81
  >
82
82
  <span class="flex-1 text-left">{item.label}</span>
83
83
  {#if isSelected}
84
- <IIIcon iconName="check" class="w-11 h-11 text-accent ml-8 shrink-0" />
84
+ <IIIcon iconName="check" size="inherit" variant="accent" class="size-11 ml-8" />
85
85
  {/if}
86
86
  </button>
87
87
  {/each}
package/dist/IIFilterChip/IIFilterChip.svelte CHANGED
@@ -42,6 +42,6 @@
42
42
  onclick={onRemove}
43
43
  aria-label="Remove filter"
44
44
  >
45
- <IIIcon iconName="x" />
45
+ <IIIcon iconName="x" size="inherit" />
46
46
  </button>
47
47
  </span>
package/dist/IIIcon/IIIcon.svelte CHANGED
@@ -1,13 +1,49 @@
1
1
  <script lang="ts">
2
2
  import {icons, type IconName} from '../icons'
3
+ import {cn} from '../utils/cn'
4
+
5
+ export type IconSize = 'inherit' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'
6
+ export type IconVariant =
7
+ | 'inherit'
8
+ | 'secondary'
9
+ | 'tertiary'
10
+ | 'accent'
11
+ | 'success'
12
+ | 'warning'
13
+ | 'error'
14
+ | 'inverse'
3
15
 
4
16
  interface Props {
5
17
  iconName: IconName
18
+ /** Square px size. Use `inherit` to follow the surrounding font-size (1em) for inline-in-text icons. */
19
+ size?: IconSize
20
+ /** Semantic color. `inherit` (default) follows currentColor — the right choice for icons inside colored containers/buttons. */
21
+ variant?: IconVariant
6
22
  class?: string
7
23
  [key: string]: unknown
8
24
  }
9
25
 
10
- let {iconName, class: className = '', ...rest}: Props = $props()
26
+ let {iconName, size = 'sm', variant = 'inherit', class: className = '', ...rest}: Props = $props()
27
+
28
+ const sizeClasses: Record<IconSize, string> = {
29
+ inherit: '',
30
+ xs: 'size-12',
31
+ sm: 'size-14',
32
+ md: 'size-16',
33
+ lg: 'size-20',
34
+ xl: 'size-24',
35
+ }
36
+
37
+ const variantClasses: Record<IconVariant, string> = {
38
+ inherit: '',
39
+ secondary: 'text-secondary',
40
+ tertiary: 'text-tertiary',
41
+ accent: 'text-accent',
42
+ success: 'text-success',
43
+ warning: 'text-warning',
44
+ error: 'text-error',
45
+ inverse: 'text-inverse',
46
+ }
11
47
  </script>
12
48
 
13
49
  <svg
@@ -16,7 +52,7 @@
16
52
  width="1em"
17
53
  height="1em"
18
54
  fill="currentColor"
19
- class={className}
55
+ class={cn('shrink-0', sizeClasses[size], variantClasses[variant], className)}
20
56
  {...rest}
21
57
  >
22
58
  {@html icons[iconName]}
package/dist/IIIcon/IIIcon.svelte.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  import { type IconName } from '../icons';
2
+ export type IconSize = 'inherit' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
+ export type IconVariant = 'inherit' | 'secondary' | 'tertiary' | 'accent' | 'success' | 'warning' | 'error' | 'inverse';
2
4
  interface Props {
3
5
  iconName: IconName;
6
+ /** Square px size. Use `inherit` to follow the surrounding font-size (1em) for inline-in-text icons. */
7
+ size?: IconSize;
8
+ /** Semantic color. `inherit` (default) follows currentColor — the right choice for icons inside colored containers/buttons. */
9
+ variant?: IconVariant;
4
10
  class?: string;
5
11
  [key: string]: unknown;
6
12
  }
package/dist/IIIcon/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { default as IIIcon } from './IIIcon.svelte';
2
+ export type { IconSize, IconVariant } from './IIIcon.svelte';
package/dist/IIIconButton/IIIconButton.svelte CHANGED
@@ -79,6 +79,6 @@
79
79
  <span class={cn('border-2 border-current border-r-transparent rounded-full animate-spin', iconSizeClasses[size])}
80
80
  ></span>
81
81
  {:else}
82
- <IIIcon {iconName} class={iconSizeClasses[size]} />
82
+ <IIIcon {iconName} size="inherit" class={iconSizeClasses[size]} />
83
83
  {/if}
84
84
  </button>
package/dist/IIMultiSelect/IIMultiSelect.svelte CHANGED
@@ -103,7 +103,7 @@
103
103
  class="inline-flex items-center justify-center w-12 h-12 rounded-full hover:bg-gray-300 transition-colors duration-fast [&_svg]:w-8 [&_svg]:h-8"
104
104
  onclick={(e) => removeValue(chip.value, e)}
105
105
  >
106
- <IIIcon iconName="x" />
106
+ <IIIcon iconName="x" size="inherit" />
107
107
  </button>
108
108
  </span>
109
109
  {/each}
@@ -112,7 +112,7 @@
112
112
  {/if}
113
113
  {/if}
114
114
  </span>
115
- <IIIcon iconName="caret-down" class="w-14 h-14 shrink-0" />
115
+ <IIIcon iconName="caret-down" />
116
116
  </DropdownMenu.Trigger>
117
117
  <DropdownMenu.Portal>
118
118
  <DropdownMenu.Content
@@ -139,7 +139,7 @@
139
139
  {:else}
140
140
  <span class="flex-1">{item.label}</span>
141
141
  {#if values.includes(item.value)}
142
- <IIIcon iconName="check" class="w-14 h-14 text-accent shrink-0" />
142
+ <IIIcon iconName="check" variant="accent" />
143
143
  {/if}
144
144
  {/if}
145
145
  </DropdownMenu.CheckboxItem>
package/dist/IIOverflowActions/IIOverflowActions.svelte CHANGED
@@ -69,7 +69,7 @@
69
69
  <DropdownMenu.Trigger
70
70
  class="[all:unset] cursor-default inline-flex items-center justify-center p-4 rounded-4 text-secondary text-h3 transition-all duration-fast hover:bg-background hover:text-body data-[state=open]:bg-background data-[state=open]:text-body motion-reduce:transition-none"
71
71
  >
72
- <IIIcon iconName="dots-three-vertical" />
72
+ <IIIcon iconName="dots-three-vertical" size="inherit" />
73
73
  </DropdownMenu.Trigger>
74
74
  <DropdownMenu.Content
75
75
  class="min-w-100 bg-surface border border-primary rounded-10 shadow-dropdown p-4 z-12"
package/dist/IIStepper/IIStepper.svelte CHANGED
@@ -55,7 +55,7 @@
55
55
  )}
56
56
  >
57
57
  {#if isCompleted}
58
- <IIIcon iconName="check" class="size-14" />
58
+ <IIIcon iconName="check" />
59
59
  {:else}
60
60
  {i + 1}
61
61
  {/if}
package/dist/IITabBar/IITabBar.svelte CHANGED
@@ -79,7 +79,7 @@
79
79
  {#snippet child({props})}
80
80
  <IIButton {...props} variant="ghost">
81
81
  {activeLabel}
82
- <IIIcon iconName="caret-down" class="w-14 h-14 shrink-0" />
82
+ <IIIcon iconName="caret-down" />
83
83
  </IIButton>
84
84
  {/snippet}
85
85
  </DropdownMenu.Trigger>
@@ -99,7 +99,7 @@
99
99
  >
100
100
  <span>{tab.label}</span>
101
101
  {#if value === tab.value}
102
- <IIIcon iconName="check" class="w-14 h-14 text-accent shrink-0" />
102
+ <IIIcon iconName="check" variant="accent" />
103
103
  {/if}
104
104
  </DropdownMenu.Item>
105
105
  {/each}
package/dist/Icons/Icons.svelte CHANGED
@@ -33,7 +33,7 @@
33
33
  onclick={() => navigator.clipboard.writeText(name)}
34
34
  title="Copy '{name}'"
35
35
  >
36
- <IIIcon iconName={name} class="w-24 h-24 text-body" />
36
+ <IIIcon iconName={name} size="xl" class="text-body" />
37
37
  <span class="text-tiny text-secondary font-mono truncate w-full text-center">{name}</span>
38
38
  </button>
39
39
  {/each}
package/dist/MobileOnboarding/ApplyFinancialScreen.svelte CHANGED
@@ -103,7 +103,7 @@
103
103
  class="inline-flex items-center justify-center w-20 h-20 rounded-full text-secondary hover:text-body hover:bg-hover-overlay transition-colors duration-fast"
104
104
  aria-label="Pay frequency info"
105
105
  >
106
- <IIIcon iconName="info" class="size-14" />
106
+ <IIIcon iconName="info" />
107
107
  </button>
108
108
  {/snippet}
109
109
  {#snippet content()}
package/dist/MobileOnboarding/current/CurrentApplyScreen.svelte CHANGED
@@ -97,7 +97,7 @@
97
97
  class="bg-transparent border-none cursor-pointer p-0 text-[var(--color-text-light)] flex items-center text-h2 font-normal hover:text-[var(--color-text)]"
98
98
  onclick={() => (showSsn = !showSsn)}
99
99
  >
100
- <IIIcon iconName={showSsn ? 'eye-slash' : 'eye'} />
100
+ <IIIcon iconName={showSsn ? 'eye-slash' : 'eye'} size="inherit" />
101
101
  </button>
102
102
  {/snippet}
103
103
  </IIInput>
package/dist/icons.d.ts CHANGED
@@ -93,5 +93,6 @@ export declare const icons: {
93
93
  readonly 'bell-slash': "<path fill=\"currentColor\" d=\"M53.92,34.62A8,8,0,1,0,42.08,45.38L58.82,63.8A79.59,79.59,0,0,0,48,104c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.8a40,40,0,0,0,78.4,0h15.44l19.44,21.38a8,8,0,1,0,11.84-10.76ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a63.65,63.65,0,0,1,6.26-27.62L168.09,184Zm166-4.73a8.13,8.13,0,0,1-2.93.55,8,8,0,0,1-7.44-5.08C196.35,156.19,192,129.75,192,104A64,64,0,0,0,96.43,48.31a8,8,0,0,1-7.9-13.91A80,80,0,0,1,208,104c0,35.35,8.05,58.59,10.52,64.88A8,8,0,0,1,214,179.25Z\"/>";
94
94
  readonly moon: "<path fill=\"currentColor\" d=\"M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z\"/>";
95
95
  readonly coffee: "<path fill=\"currentColor\" d=\"M80,56V24a8,8,0,0,1,16,0V56a8,8,0,0,1-16,0Zm40,8a8,8,0,0,0,8-8V24a8,8,0,0,0-16,0V56A8,8,0,0,0,120,64Zm32,0a8,8,0,0,0,8-8V24a8,8,0,0,0-16,0V56A8,8,0,0,0,152,64Zm96,56v8a40,40,0,0,1-37.51,39.91,96.59,96.59,0,0,1-27,40.09H208a8,8,0,0,1,0,16H32a8,8,0,0,1,0-16H56.54A96.3,96.3,0,0,1,24,136V88a8,8,0,0,1,8-8H208A40,40,0,0,1,248,120ZM200,96H40v40a80.27,80.27,0,0,0,45.12,72h69.76A80.27,80.27,0,0,0,200,136Zm32,24a24,24,0,0,0-16-22.62V136a95.78,95.78,0,0,1-1.2,15A24,24,0,0,0,232,128Z\"/>";
96
+ readonly paperclip: "<path fill=\"currentColor\" d=\"M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z\"/>";
96
97
  };
97
98
  export type IconName = keyof typeof icons;
package/dist/icons.js CHANGED
@@ -107,4 +107,5 @@ export const icons = {
107
107
  'bell-slash': `<path fill="currentColor" d="M53.92,34.62A8,8,0,1,0,42.08,45.38L58.82,63.8A79.59,79.59,0,0,0,48,104c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.8a40,40,0,0,0,78.4,0h15.44l19.44,21.38a8,8,0,1,0,11.84-10.76ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a63.65,63.65,0,0,1,6.26-27.62L168.09,184Zm166-4.73a8.13,8.13,0,0,1-2.93.55,8,8,0,0,1-7.44-5.08C196.35,156.19,192,129.75,192,104A64,64,0,0,0,96.43,48.31a8,8,0,0,1-7.9-13.91A80,80,0,0,1,208,104c0,35.35,8.05,58.59,10.52,64.88A8,8,0,0,1,214,179.25Z"/>`,
108
108
  moon: `<path fill="currentColor" d="M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z"/>`,
109
109
  coffee: `<path fill="currentColor" d="M80,56V24a8,8,0,0,1,16,0V56a8,8,0,0,1-16,0Zm40,8a8,8,0,0,0,8-8V24a8,8,0,0,0-16,0V56A8,8,0,0,0,120,64Zm32,0a8,8,0,0,0,8-8V24a8,8,0,0,0-16,0V56A8,8,0,0,0,152,64Zm96,56v8a40,40,0,0,1-37.51,39.91,96.59,96.59,0,0,1-27,40.09H208a8,8,0,0,1,0,16H32a8,8,0,0,1,0-16H56.54A96.3,96.3,0,0,1,24,136V88a8,8,0,0,1,8-8H208A40,40,0,0,1,248,120ZM200,96H40v40a80.27,80.27,0,0,0,45.12,72h69.76A80.27,80.27,0,0,0,200,136Zm32,24a24,24,0,0,0-16-22.62V136a95.78,95.78,0,0,1-1.2,15A24,24,0,0,0,232,128Z"/>`,
110
+ paperclip: `<path fill="currentColor" d="M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z"/>`,
110
111
  };
package/dist/index.d.ts CHANGED
@@ -45,6 +45,7 @@ export { IIToaster } from './IIToaster';
45
45
  export { IIViewFilterChip } from './IIViewFilterChip';
46
46
  export type { AuditEvent, AuditFilter, Severity } from './IIAuditTrail';
47
47
  export type { BadgeVariant } from './IIBadge';
48
+ export type { IconSize, IconVariant } from './IIIcon';
48
49
  export { toast } from './toast';
49
50
  export { cn } from './utils/cn';
50
51
  export { icons } from './icons';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@insymetri/styleguide",
3
- "version": "0.1.69",
3
+ "version": "0.1.71",
4
4
  "description": "Insymetri shared UI component library built with Svelte 5",
5
5
  "type": "module",
6
6
  "scripts": {