@invopop/popui 0.0.77-beta6 → 0.0.77-beta8

package/dist/InputRadio.svelte

@@ -22,6 +22,6 @@ function updateInput(event) {
   type="radio"
   {id}
   {checked}
-  class="form-radio h-5 w-5 border-neutral-200 text-workspace-accent focus:ring-0 focus:ring-offset-0"
+  class="form-radio h-5 w-5 border-neutral-200 text-workspace-accent focus:ring-0 focus:ring-offset-0 cursor-pointer"
   on:change={updateInput}
 />

package/dist/StepIconList.svelte

@@ -5,7 +5,7 @@ $:
 $:
   mainIcons = icons.slice(0, maxItems);
 $:
-  restIcons = icons.slice(maxItems + 1, icons.length);
+  restIcons = icons.slice(maxItems, icons.length);
 </script>
 
 <div class="flex flex-col space-y-2 sm:flex-row sm:space-y-0 items-center overflow-x-auto">

package/dist/UuidCopy.svelte

@@ -7,8 +7,8 @@ export let uuid = "";
 export let small = false;
 export let dark = false;
 export let rightAlign = false;
-export let prefixLength = 7;
-export let suffixLength = 12;
+export let prefixLength = 4;
+export let suffixLength = 4;
 export let full = false;
 export let compact = false;
 export let link = false;
@@ -24,18 +24,20 @@ $:
   formattedUuid = full ? uuid : shortenString(uuid, prefixLength, suffixLength);
 $:
   styles = clsx({
-    "justify-end w-full": rightAlign,
+    "justify-end": rightAlign,
     "text-sm": small,
     "text-base": !small,
     "text-neutral-800": dark,
     "text-neutral-500": !dark,
-    "justify-between": !compact
+    "justify-between": !compact,
+    "w-full": full,
+    "border border-neutral-800/10 rounded-md pl-2.5 pr-2 py-[5px]": !full
   });
 </script>
 
-<div class="{styles} relative flex items-center w-full space-x-2 text-left whitespace-nowrap">
+<div class="{styles} relative inline-flex items-center space-x-1 text-left whitespace-nowrap">
   <button
-    class="tracking-wide font-mono"
+    class="tracking-wide font-mono text-base"
     on:click|stopPropagation={async () => {
       await navigator.clipboard.writeText(uuid)
       dispatch('copied', uuid)

package/dist/index.d.ts

@@ -5,6 +5,8 @@ import BaseCounter from './BaseCounter.svelte';
 import BaseDropdown from './BaseDropdown.svelte';
 import BaseFlag from './BaseFlag.svelte';
 import BaseTable from './BaseTable.svelte';
+import BaseTableActions from './BaseTableActions.svelte';
+import BaseTableHeaderContent from './BaseTableHeaderContent.svelte';
 import Breadcrumbs from './Breadcrumbs.svelte';
 import ButtonFile from './ButtonFile.svelte';
 import CardCheckbox from './CardCheckbox.svelte';
@@ -68,4 +70,4 @@ import twTheme from './tw.theme.js';
 import { resolveIcon } from './helpers.js';
 import { getCountryName } from './helpers.js';
 import { getStatusType } from './helpers.js';
-export { AlertDialog, BaseButton, BaseCard, BaseCounter, BaseDropdown, BaseFlag, BaseTable, Breadcrumbs, ButtonFile, CardCheckbox, CardRelation, CompanySelector, CounterWorkflow, DataListItem, DatePicker, DrawerContext, DrawerContextItem, DropdownSelect, EmptyStateIcon, EmptyStateIllustration, FeedEvents, FeedIconEvent, FeedIconStatus, FeedItem, FeedItemDetail, FeedViewer, GlobalSearch, InputCheckbox, InputError, InputLabel, InputRadio, InputSearch, InputSelect, InputText, InputTextarea, InputToggle, MenuItem, MenuItemCollapsible, ProfileAvatar, ProfileSelector, SectionLayout, SeparatorHorizontal, ShortcutWrapper, StatusLabel, StepIconList, Table, TableBody, TableCaption, TableFooter, TableHeader, TableRow, TableHead, TableCell, Tabs, TabsContent, TabsList, TabsTrigger, TagBeta, TagSearch, TagStatus, TitleMain, TitleSection, Tooltip, TooltipContent, TooltipTrigger, UuidCopy, twTheme, resolveIcon, getCountryName, getStatusType };
+export { AlertDialog, BaseButton, BaseCard, BaseCounter, BaseDropdown, BaseFlag, BaseTable, BaseTableActions, BaseTableHeaderContent, Breadcrumbs, ButtonFile, CardCheckbox, CardRelation, CompanySelector, CounterWorkflow, DataListItem, DatePicker, DrawerContext, DrawerContextItem, DropdownSelect, EmptyStateIcon, EmptyStateIllustration, FeedEvents, FeedIconEvent, FeedIconStatus, FeedItem, FeedItemDetail, FeedViewer, GlobalSearch, InputCheckbox, InputError, InputLabel, InputRadio, InputSearch, InputSelect, InputText, InputTextarea, InputToggle, MenuItem, MenuItemCollapsible, ProfileAvatar, ProfileSelector, SectionLayout, SeparatorHorizontal, ShortcutWrapper, StatusLabel, StepIconList, Table, TableBody, TableCaption, TableFooter, TableHeader, TableRow, TableHead, TableCell, Tabs, TabsContent, TabsList, TabsTrigger, TagBeta, TagSearch, TagStatus, TitleMain, TitleSection, Tooltip, TooltipContent, TooltipTrigger, UuidCopy, twTheme, resolveIcon, getCountryName, getStatusType };

package/dist/index.js

@@ -5,6 +5,8 @@ import BaseCounter from './BaseCounter.svelte'
 import BaseDropdown from './BaseDropdown.svelte'
 import BaseFlag from './BaseFlag.svelte'
 import BaseTable from './BaseTable.svelte'
+import BaseTableActions from './BaseTableActions.svelte'
+import BaseTableHeaderContent from './BaseTableHeaderContent.svelte'
 import Breadcrumbs from './Breadcrumbs.svelte'
 import ButtonFile from './ButtonFile.svelte'
 import CardCheckbox from './CardCheckbox.svelte'
@@ -73,6 +75,8 @@ export {
   BaseDropdown,
   BaseFlag,
   BaseTable,
+  BaseTableActions,
+  BaseTableHeaderContent,
   Breadcrumbs,
   ButtonFile,
   CardCheckbox,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.0.77-beta6",
+  "version": "0.0.77-beta8",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",