hamzus-ui 0.0.19 → 0.0.21

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 (20) hide show
  1. package/package.json +1 -1
  2. package/src/components/hamzus-ui/AdvancedTooltip/Root.svelte +1 -1
  3. package/src/components/hamzus-ui/Button/Button_default.svelte +4 -1
  4. package/src/components/hamzus-ui/Button/Button_link.svelte +4 -1
  5. package/src/components/hamzus-ui/Code/Code.svelte +3 -3
  6. package/src/components/hamzus-ui/CopyCode/CopyCode.svelte +2 -2
  7. package/src/components/hamzus-ui/CopyLabel/CopyLabel.svelte +1 -1
  8. package/src/components/hamzus-ui/DatePicker/DatePicker.svelte +3 -3
  9. package/src/components/hamzus-ui/Dialog/Dialog.svelte +2 -2
  10. package/src/components/hamzus-ui/DropdownMenu/Root.svelte +1 -1
  11. package/src/components/hamzus-ui/IconButton/IconButton.svelte +3 -0
  12. package/src/components/hamzus-ui/IconButton/IconButton_default.svelte +3 -3
  13. package/src/components/hamzus-ui/IconButton/IconButton_link.svelte +3 -3
  14. package/src/components/hamzus-ui/Input/Input.svelte +3 -3
  15. package/src/components/hamzus-ui/Popover/Root.svelte +1 -1
  16. package/src/components/hamzus-ui/Table/ActionsBar.svelte +4 -4
  17. package/src/components/hamzus-ui/Table/Header.svelte +6 -6
  18. package/src/components/hamzus-ui/Tabs/TabButton.svelte +1 -1
  19. package/src/components/hamzus-ui/Tabs/Tabs.svelte +2 -2
  20. package/src/components/hamzus-ui/TabsLink/Tabs.svelte +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hamzus-ui",
3
- "version": "0.0.19",
3
+ "version": "0.0.21",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "svelte": "index.js",
package/src/components/hamzus-ui/AdvancedTooltip/Root.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script>
2
- import Portal from '@hamzus-ui/Portal/Portal.svelte';
2
+ import Portal from '../Portal/Portal.svelte';
3
3
  import { onDestroy, onMount } from 'svelte';
4
4
 
5
5
  // import
package/src/components/hamzus-ui/Button/Button_default.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script>
2
2
  // import
3
- import Loader from '@hamzus-ui/LoaderCircle/Loader.svelte';
3
+ import Loader from '../LoaderCircle/Loader.svelte';
4
4
  // props
5
5
  export let loading = false;
6
6
  export let desabled = false;
@@ -107,6 +107,9 @@
107
107
  cursor: not-allowed;
108
108
  transform: scale(0.9);
109
109
  }
110
+ .button.loading{
111
+ color: transparent;
112
+ }
110
113
 
111
114
  .button.loading :global(> *:not(.loader)) {
112
115
  opacity: 0;
package/src/components/hamzus-ui/Button/Button_link.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script>
2
2
  // import
3
- import Loader from '@hamzus-ui/LoaderCircle/Loader.svelte';
3
+ import Loader from '../LoaderCircle/Loader.svelte';
4
4
  // props
5
5
  export let loading = false;
6
6
  export let desabled = false;
@@ -104,6 +104,9 @@
104
104
  cursor: not-allowed;
105
105
  transform: scale(0.9);
106
106
  }
107
+ .button.loading{
108
+ color: transparent;
109
+ }
107
110
  .button.loading :global(> *:not(.loader)) {
108
111
  opacity: 0;
109
112
  user-select: none;
package/src/components/hamzus-ui/Code/Code.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>
2
- import Button from '@hamzus-ui/Button/Button.svelte';
3
- import IconButton from '@hamzus-ui/IconButton/IconButton.svelte';
4
- import ScrollArea from '@hamzus-ui/ScrollArea/ScrollArea.svelte';
2
+ import Button from '../Button/Button.svelte';
3
+ import IconButton from '../IconButton/IconButton.svelte';
4
+ import ScrollArea from '../ScrollArea/ScrollArea.svelte';
5
5
 
6
6
  export let text = '';
7
7
  export let title = '';
package/src/components/hamzus-ui/CopyCode/CopyCode.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>
2
2
  export let label = "label"
3
- import IconButton from "@hamzus-ui/IconButton/IconButton.svelte";
4
- import TinyScrollArea from "@hamzus-ui/TinyScrollArea/TinyScrollArea.svelte";
3
+ import IconButton from "../IconButton/IconButton.svelte";
4
+ import TinyScrollArea from "../TinyScrollArea/TinyScrollArea.svelte";
5
5
 
6
6
  let isCoppied = false
7
7
 
package/src/components/hamzus-ui/CopyLabel/CopyLabel.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script>
2
2
  export let label = "label"
3
- import IconButton from "@hamzus-ui/IconButton/IconButton.svelte";
3
+ import IconButton from "../IconButton/IconButton.svelte";
4
4
 
5
5
  let isCoppied = false
6
6
 
package/src/components/hamzus-ui/DatePicker/DatePicker.svelte CHANGED
@@ -1,7 +1,7 @@
1
1
  <script>
2
- import * as DropdownMenu from '@hamzus-ui/DropdownMenu';
3
- import Button from '@hamzus-ui/Button/Button.svelte';
4
- import IconButton from '@hamzus-ui/IconButton/IconButton.svelte';
2
+ import * as DropdownMenu from '../DropdownMenu';
3
+ import Button from '../Button/Button.svelte';
4
+ import IconButton from '../IconButton/IconButton.svelte';
5
5
  import { onMount } from 'svelte';
6
6
 
7
7
  export let value = ""
package/src/components/hamzus-ui/Dialog/Dialog.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script>
2
- import IconButton from '@hamzus-ui/IconButton/IconButton.svelte';
3
- import Portal from '@hamzus-ui/Portal/Portal.svelte';
2
+ import IconButton from '../IconButton/IconButton.svelte';
3
+ import Portal from '../Portal/Portal.svelte';
4
4
 
5
5
  export let isOpen = true;
6
6
 
package/src/components/hamzus-ui/DropdownMenu/Root.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script>
2
- import Portal from '@hamzus-ui/Portal/Portal.svelte';
2
+ import Portal from '../Portal/Portal.svelte';
3
3
  import { onDestroy, onMount } from 'svelte';
4
4
 
5
5
  // import
package/src/components/hamzus-ui/IconButton/IconButton.svelte CHANGED
@@ -11,6 +11,7 @@
11
11
  export let href = "";
12
12
  export let onClick = undefined;
13
13
  export let avoidRipple = false;
14
+ export let size = "30px";
14
15
  // local var
15
16
  const colorConfig = {
16
17
  primary: {
@@ -66,6 +67,8 @@
66
67
  --button-hover-bg:var({colorConfig[variant].hoverBg});
67
68
  --button-hover-border:var({colorConfig[variant].hoverBorder});
68
69
  --button-hover-color:var({colorConfig[variant].hoverColor});
70
+ --size:{size};
71
+ display:contents;
69
72
  "
70
73
  >
71
74
  {#if href}
package/src/components/hamzus-ui/IconButton/IconButton_default.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script>
2
2
  // import
3
- import Loader from '@hamzus-ui/LoaderCircle/Loader.svelte';
3
+ import Loader from '../LoaderCircle/Loader.svelte';
4
4
  // props
5
5
  export let loading = false
6
6
  export let desabled = false
@@ -67,8 +67,8 @@
67
67
  white-space: nowrap;
68
68
  text-overflow: ellipsis;
69
69
  overflow: hidden;
70
- width: 30px;
71
- height: 30px;
70
+ width: var(--size);
71
+ height: var(--size);
72
72
  flex-shrink: 0;
73
73
  position: relative;
74
74
  }
package/src/components/hamzus-ui/IconButton/IconButton_link.svelte CHANGED
@@ -1,6 +1,6 @@
1
1
  <script>
2
2
  // import
3
- import Loader from '@hamzus-ui/LoaderCircle/Loader.svelte';
3
+ import Loader from '../LoaderCircle/Loader.svelte';
4
4
  // props
5
5
  export let loading = false
6
6
  export let desabled = false
@@ -67,8 +67,8 @@
67
67
  white-space: nowrap;
68
68
  text-overflow: ellipsis;
69
69
  overflow: hidden;
70
- width: 30px;
71
- height: 30px;
70
+ width: var(--size);
71
+ height: var(--size);
72
72
  flex-shrink: 0;
73
73
  position: relative;
74
74
  }
package/src/components/hamzus-ui/Input/Input.svelte CHANGED
@@ -1,8 +1,8 @@
1
1
  <script>
2
2
  // import
3
3
 
4
- import IconButton from '@hamzus-ui/IconButton/IconButton.svelte';
5
- import Loader from '@hamzus-ui/LoaderCircle/Loader.svelte';
4
+ import IconButton from '../IconButton/IconButton.svelte';
5
+ import Loader from '../LoaderCircle/Loader.svelte';
6
6
  // props
7
7
  export let variant = 'default';
8
8
  export let className = '';
@@ -126,7 +126,7 @@
126
126
 
127
127
  />
128
128
  {#if type == 'password'}
129
- <IconButton variant="ghost" onClick={handleDisplay}>
129
+ <IconButton size="24px" variant="ghost" onClick={handleDisplay}>
130
130
  {#if isVisible}
131
131
  <svg
132
132
  width="24"
package/src/components/hamzus-ui/Popover/Root.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script>
2
- import Portal from '@hamzus-ui/Portal/Portal.svelte';
2
+ import Portal from '../Portal/Portal.svelte';
3
3
  import { onDestroy, onMount } from 'svelte';
4
4
 
5
5
  // import
package/src/components/hamzus-ui/Table/ActionsBar.svelte CHANGED
@@ -1,11 +1,11 @@
1
1
  <script>
2
2
  // import
3
3
  import { tableData } from './table';
4
- import Input from '@hamzus-ui/Input/Input.svelte';
5
- import Button from '@hamzus-ui/DropdownMenu/Button.svelte';
6
- import * as DropdownMenu from '@hamzus-ui/DropdownMenu';
4
+ import Input from '../Input/Input.svelte';
5
+ import Button from '../DropdownMenu/Button.svelte';
6
+ import * as DropdownMenu from '../DropdownMenu';
7
7
  import { Content } from '.';
8
- import Checkbox from '@hamzus-ui/Checkboxes/Checkbox/Checkbox.svelte';
8
+ import Checkbox from '../Checkboxes/Checkbox/Checkbox.svelte';
9
9
  // props
10
10
  export let tableId = null;
11
11
 
package/src/components/hamzus-ui/Table/Header.svelte CHANGED
@@ -1,12 +1,12 @@
1
1
  <script>
2
2
  // import
3
3
  import { tableData } from './table';
4
- import Button from '@hamzus-ui/Button/Button.svelte';
5
- import * as DropdownMenu from '@hamzus-ui/DropdownMenu';
6
- import * as Popover from '@hamzus-ui/Popover';
7
- import Input from '@hamzus-ui/Input/Input.svelte';
8
- import RadioGroup from '@hamzus-ui/Radios/RadioGroup/RadioGroup.svelte';
9
- import Swicth from '@hamzus-ui/Swicth/Swicth.svelte';
4
+ import Button from '../Button/Button.svelte';
5
+ import * as DropdownMenu from '../DropdownMenu';
6
+ import * as Popover from '../Popover';
7
+ import Input from '../Input/Input.svelte';
8
+ import RadioGroup from '../Radios/RadioGroup/RadioGroup.svelte';
9
+ import Swicth from '../Swicth/Swicth.svelte';
10
10
  // props
11
11
  export let tableId = null;
12
12
  // local var
package/src/components/hamzus-ui/Tabs/TabButton.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script>
2
- import Button from '@hamzus-ui/Button/Button.svelte';
2
+ import Button from '../Button/Button.svelte';
3
3
  import { onMount } from 'svelte';
4
4
  export let activeButton = null;
5
5
  export let link = null;
package/src/components/hamzus-ui/Tabs/Tabs.svelte CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  let activeStyle = 'color:var(--font-1);background-color:var(--bg-2);';
5
5
 
6
- import TinyScrollArea from '@hamzus-ui/TinyScrollArea/TinyScrollArea.svelte';
7
- import Button from '@hamzus-ui/Button/Button.svelte';
6
+ import TinyScrollArea from '../TinyScrollArea/TinyScrollArea.svelte';
7
+ import Button from '../Button/Button.svelte';
8
8
 
9
9
  import { page } from '$app/stores';
10
10
  import TabButton from './TabButton.svelte';
package/src/components/hamzus-ui/TabsLink/Tabs.svelte CHANGED
@@ -3,8 +3,8 @@
3
3
 
4
4
  let activeStyle = 'color:var(--font-1);background-color:var(--bg-2);';
5
5
 
6
- import TinyScrollArea from '@hamzus-ui/TinyScrollArea/TinyScrollArea.svelte';
7
- import Button from '@hamzus-ui/Button/Button.svelte';
6
+ import TinyScrollArea from '../TinyScrollArea/TinyScrollArea.svelte';
7
+ import Button from '../Button/Button.svelte';
8
8
 
9
9
  import { page } from '$app/stores';
10
10