@invopop/popui 0.0.96 → 0.0.98

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.
@@ -1,14 +1,8 @@
1
- <script>import { World } from "@invopop/ui-icons";
2
- import { Icon } from "@steeze-ui/svelte-icon";
3
- export let country = "";
1
+ <script>export let country = "";
4
2
  export let width = 12;
5
3
  $:
6
4
  iso = country.toLowerCase();
7
5
  </script>
8
6
 
9
- {#if country === 'global'}
10
- <Icon src={World} style={`width: ${width}px;`} />
11
- {:else}
12
- <!-- https://github.com/HatScripts/circle-flags -->
13
- <img src={`https://hatscripts.github.io/circle-flags/flags/${iso}.svg`} alt={country} {width} />
14
- {/if}
7
+ <!-- https://github.com/HatScripts/circle-flags -->
8
+ <img src={`https://hatscripts.github.io/circle-flags/flags/${iso}.svg`} alt={country} {width} />
@@ -13,7 +13,7 @@ const dispatch = createEventDispatcher();
13
13
  <a href={breadcrumb.url}>
14
14
  <span class:text-neutral-400={i < breadcrumbs.length - 1}>{breadcrumb.label}</span>
15
15
  </a>
16
- {:else}
16
+ {:else if breadcrumb.copiable}
17
17
  <button
18
18
  class={i < breadcrumbs.length - 1 ? 'text-neutral-400' : 'font-medium'}
19
19
  on:click|stopPropagation={async () => {
@@ -23,6 +23,10 @@ const dispatch = createEventDispatcher();
23
23
  >
24
24
  {breadcrumb.label}
25
25
  </button>
26
+ {:else}
27
+ <span class={i < breadcrumbs.length - 1 ? 'text-neutral-400' : 'font-medium'}>
28
+ {breadcrumb.label}
29
+ </span>
26
30
  {/if}
27
31
  {#if breadcrumb.country}
28
32
  <BaseFlag country={breadcrumb.country} width={14} />
@@ -1,9 +1,9 @@
1
1
  <script>import { createEventDispatcher } from "svelte";
2
2
  import { Icon } from "@steeze-ui/svelte-icon";
3
- import { DocumentText, Download } from "@invopop/ui-icons";
3
+ import { Invoice, Download } from "@invopop/ui-icons";
4
4
  import BaseButton from "./BaseButton.svelte";
5
5
  import clsx from "clsx";
6
- export let icon = DocumentText;
6
+ export let icon = Invoice;
7
7
  export let name = "";
8
8
  export let disabled = false;
9
9
  export let date = "";
@@ -1,6 +1,6 @@
1
1
  <script>import DrawerContextItem from "./DrawerContextItem.svelte";
2
2
  import { Icon } from "@steeze-ui/svelte-icon";
3
- import { AddCircle, ExternalLink, Sidebar } from "@invopop/ui-icons";
3
+ import { AddCircle, ExternalLink, Workspace } from "@invopop/ui-icons";
4
4
  import { createEventDispatcher } from "svelte";
5
5
  import BaseCounter from "./BaseCounter.svelte";
6
6
  import EmptyStateIcon from "./EmptyStateIcon.svelte";
@@ -53,7 +53,7 @@ $:
53
53
  {#if !liveItems.length}
54
54
  <div class="h-[182px] overflow-x-hidden">
55
55
  <EmptyStateIcon
56
- icon={Sidebar}
56
+ icon={Workspace}
57
57
  title="No workspaces here"
58
58
  description="Create a workspace to start"
59
59
  />
@@ -91,7 +91,7 @@ $:
91
91
  {#if !sandboxItems.length}
92
92
  <div class="h-[182px] overflow-x-hidden">
93
93
  <EmptyStateIcon
94
- icon={Sidebar}
94
+ icon={Workspace}
95
95
  title="No workspaces here"
96
96
  description="Create a workspace to start"
97
97
  />
@@ -3,7 +3,7 @@ import { createFloatingActions } from "svelte-floating-ui";
3
3
  import clsx from "clsx";
4
4
  import { Icon } from "@steeze-ui/svelte-icon";
5
5
  import { ChevronDown, ChevronRight } from "@invopop/ui-icons";
6
- import { SubFolder } from "@invopop/ui-icons";
6
+ import { FolderL } from "@invopop/ui-icons";
7
7
  import { createEventDispatcher } from "svelte";
8
8
  import { resolveIcon } from "./helpers.js";
9
9
  import DrawerContext from "./DrawerContext.svelte";
@@ -57,7 +57,7 @@ $:
57
57
  label: c.label || "",
58
58
  value: c.url || "",
59
59
  selected: c.active,
60
- icon: SubFolder
60
+ icon: FolderL
61
61
  }))
62
62
  ];
63
63
  function handleClick() {
package/dist/types.d.ts CHANGED
@@ -134,6 +134,7 @@ export type Breadcrumb = {
134
134
  label: string;
135
135
  url?: string;
136
136
  country?: string;
137
+ copiable?: boolean;
137
138
  };
138
139
  export type StepIcon = {
139
140
  name: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@invopop/popui",
3
3
  "license": "MIT",
4
- "version": "0.0.96",
4
+ "version": "0.0.98",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && npm run package",
@@ -84,7 +84,7 @@
84
84
  "dependencies": {
85
85
  "@beyonk/svelte-datepicker": "^13.0.3",
86
86
  "@floating-ui/core": "^1.5.1",
87
- "@invopop/ui-icons": "0.0.65",
87
+ "@invopop/ui-icons": "0.0.67",
88
88
  "@steeze-ui/heroicons": "^2.2.3",
89
89
  "@steeze-ui/svelte-icon": "^1.5.0",
90
90
  "@twind/core": "^1.1.3",