hamzus-ui 0.0.18 → 0.0.20
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.
- package/package.json +1 -1
- package/src/components/hamzus-ui/AdvancedTooltip/Root.svelte +1 -1
- package/src/components/hamzus-ui/Button/Button.svelte +1 -1
- package/src/components/hamzus-ui/Button/Button_default.svelte +1 -1
- package/src/components/hamzus-ui/Button/Button_link.svelte +1 -1
- package/src/components/hamzus-ui/Code/Code.svelte +3 -3
- package/src/components/hamzus-ui/CopyCode/CopyCode.svelte +2 -2
- package/src/components/hamzus-ui/CopyLabel/CopyLabel.svelte +1 -1
- package/src/components/hamzus-ui/DatePicker/DatePicker.svelte +3 -3
- package/src/components/hamzus-ui/Dialog/Dialog.svelte +2 -2
- package/src/components/hamzus-ui/DropdownMenu/Root.svelte +1 -1
- package/src/components/hamzus-ui/IconButton/IconButton.svelte +3 -0
- package/src/components/hamzus-ui/IconButton/IconButton_default.svelte +3 -3
- package/src/components/hamzus-ui/IconButton/IconButton_link.svelte +3 -3
- package/src/components/hamzus-ui/Input/Input.svelte +3 -3
- package/src/components/hamzus-ui/Popover/Root.svelte +1 -1
- package/src/components/hamzus-ui/Table/ActionsBar.svelte +4 -4
- package/src/components/hamzus-ui/Table/Header.svelte +6 -6
- package/src/components/hamzus-ui/Tabs/TabButton.svelte +1 -1
- package/src/components/hamzus-ui/Tabs/Tabs.svelte +2 -2
- package/src/components/hamzus-ui/TabsLink/Tabs.svelte +2 -2
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import Button from '
|
|
3
|
-
import IconButton from '
|
|
4
|
-
import ScrollArea from '
|
|
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 = '';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
export let label = "label"
|
|
3
|
-
import IconButton from "
|
|
4
|
-
import TinyScrollArea from "
|
|
3
|
+
import IconButton from "../IconButton/IconButton.svelte";
|
|
4
|
+
import TinyScrollArea from "../TinyScrollArea/TinyScrollArea.svelte";
|
|
5
5
|
|
|
6
6
|
let isCoppied = false
|
|
7
7
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import * as DropdownMenu from '
|
|
3
|
-
import Button from '
|
|
4
|
-
import IconButton from '
|
|
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 = ""
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import IconButton from '
|
|
3
|
-
import Portal from '
|
|
2
|
+
import IconButton from '../IconButton/IconButton.svelte';
|
|
3
|
+
import Portal from '../Portal/Portal.svelte';
|
|
4
4
|
|
|
5
5
|
export let isOpen = true;
|
|
6
6
|
|
|
@@ -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}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
// import
|
|
3
|
-
import Loader from '
|
|
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:
|
|
71
|
-
height:
|
|
70
|
+
width: var(--size);
|
|
71
|
+
height: var(--size);
|
|
72
72
|
flex-shrink: 0;
|
|
73
73
|
position: relative;
|
|
74
74
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
// import
|
|
3
|
-
import Loader from '
|
|
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:
|
|
71
|
-
height:
|
|
70
|
+
width: var(--size);
|
|
71
|
+
height: var(--size);
|
|
72
72
|
flex-shrink: 0;
|
|
73
73
|
position: relative;
|
|
74
74
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
// import
|
|
3
3
|
|
|
4
|
-
import IconButton from '
|
|
5
|
-
import Loader from '
|
|
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"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
// import
|
|
3
3
|
import { tableData } from './table';
|
|
4
|
-
import Input from '
|
|
5
|
-
import Button from '
|
|
6
|
-
import * as DropdownMenu from '
|
|
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 '
|
|
8
|
+
import Checkbox from '../Checkboxes/Checkbox/Checkbox.svelte';
|
|
9
9
|
// props
|
|
10
10
|
export let tableId = null;
|
|
11
11
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
// import
|
|
3
3
|
import { tableData } from './table';
|
|
4
|
-
import Button from '
|
|
5
|
-
import * as DropdownMenu from '
|
|
6
|
-
import * as Popover from '
|
|
7
|
-
import Input from '
|
|
8
|
-
import RadioGroup from '
|
|
9
|
-
import Swicth from '
|
|
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
|
|
@@ -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 '
|
|
7
|
-
import Button from '
|
|
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';
|
|
@@ -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 '
|
|
7
|
-
import Button from '
|
|
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
|
|