@websline/system-components 1.5.1 → 1.5.3
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/dist/components/atoms/icon/components/CheckFilled.svelte +26 -0
- package/dist/components/atoms/icon/components/CheckFilled.svelte.d.ts +41 -0
- package/dist/components/atoms/icon/components/Clock.svelte +27 -0
- package/dist/components/atoms/icon/components/Clock.svelte.d.ts +41 -0
- package/dist/components/atoms/icon/components/Warning.svelte +30 -0
- package/dist/components/atoms/icon/components/Warning.svelte.d.ts +41 -0
- package/dist/components/atoms/icon/components/index.d.ts +3 -0
- package/dist/components/atoms/icon/components/index.js +3 -0
- package/package.json +31 -31
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @typedef {Object} Props
|
|
4
|
+
* @property {number} [height=24] Icon height
|
|
5
|
+
* @property {number} [strokeWidth=1.5] Icon StrokeWidth
|
|
6
|
+
* @property {number} [width=24] Icon width
|
|
7
|
+
* @property {string} [color=""] Icon color
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/** @type {Props} */
|
|
11
|
+
let { color, height, width, ...rest } = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
{height}
|
|
16
|
+
{width}
|
|
17
|
+
viewBox="0 0 24 24"
|
|
18
|
+
fill="none"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
{...rest}>
|
|
21
|
+
<path
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
clip-rule="evenodd"
|
|
24
|
+
d="M12 22C17.5229 22 22 17.5229 22 12C22 6.47714 17.5229 2 12 2C6.47715 2 2 6.47714 2 12C2 17.5229 6.47715 22 12 22ZM16.5529 9.50681C16.8328 9.20145 16.8121 8.72702 16.5068 8.44714C16.2015 8.16724 15.727 8.18787 15.4471 8.49319L10.5 13.8901L8.55286 11.7659C8.27297 11.4606 7.79855 11.44 7.49321 11.7198C7.18787 11.9998 7.16724 12.4742 7.44714 12.7795L9.94714 15.5068C10.0892 15.6618 10.2898 15.75 10.5 15.75C10.7102 15.75 10.9108 15.6618 11.0529 15.5068L16.5529 9.50681Z"
|
|
25
|
+
fill={color} />
|
|
26
|
+
</svg>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export default CheckFilled;
|
|
2
|
+
type CheckFilled = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const CheckFilled: import("svelte").Component<{
|
|
7
|
+
/**
|
|
8
|
+
* Icon height
|
|
9
|
+
*/
|
|
10
|
+
height?: number | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Icon StrokeWidth
|
|
13
|
+
*/
|
|
14
|
+
strokeWidth?: number | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Icon width
|
|
17
|
+
*/
|
|
18
|
+
width?: number | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* Icon color
|
|
21
|
+
*/
|
|
22
|
+
color?: string | undefined;
|
|
23
|
+
}, {}, "">;
|
|
24
|
+
type Props = {
|
|
25
|
+
/**
|
|
26
|
+
* Icon height
|
|
27
|
+
*/
|
|
28
|
+
height?: number | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* Icon StrokeWidth
|
|
31
|
+
*/
|
|
32
|
+
strokeWidth?: number | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* Icon width
|
|
35
|
+
*/
|
|
36
|
+
width?: number | undefined;
|
|
37
|
+
/**
|
|
38
|
+
* Icon color
|
|
39
|
+
*/
|
|
40
|
+
color?: string | undefined;
|
|
41
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @typedef {Object} Props
|
|
4
|
+
* @property {string} [color=""] Icon color
|
|
5
|
+
* @property {number} [height=24] Icon height
|
|
6
|
+
* @property {number} [strokeWidth=1.5] Icon StrokeWidth
|
|
7
|
+
* @property {number} [width=24] Icon width
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/** @type {Props} */
|
|
11
|
+
let { color, height, width, strokeWidth, ...rest } = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
{height}
|
|
16
|
+
{width}
|
|
17
|
+
viewBox="0 0 24 24"
|
|
18
|
+
fill="none"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
{...rest}>
|
|
21
|
+
<path
|
|
22
|
+
d="M11.882 6.77364L11.8814 12.178L15.6969 15.9935M12 21C16.9706 21 21 16.9706 21 12C21 7.02945 16.9706 3 12 3C7.02943 3 3 7.02945 3 12C3 16.9706 7.02943 21 12 21Z"
|
|
23
|
+
stroke={color}
|
|
24
|
+
stroke-width={strokeWidth}
|
|
25
|
+
stroke-linecap="round"
|
|
26
|
+
stroke-linejoin="round" />
|
|
27
|
+
</svg>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export default Clock;
|
|
2
|
+
type Clock = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const Clock: import("svelte").Component<{
|
|
7
|
+
/**
|
|
8
|
+
* Icon color
|
|
9
|
+
*/
|
|
10
|
+
color?: string | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Icon height
|
|
13
|
+
*/
|
|
14
|
+
height?: number | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Icon StrokeWidth
|
|
17
|
+
*/
|
|
18
|
+
strokeWidth?: number | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* Icon width
|
|
21
|
+
*/
|
|
22
|
+
width?: number | undefined;
|
|
23
|
+
}, {}, "">;
|
|
24
|
+
type Props = {
|
|
25
|
+
/**
|
|
26
|
+
* Icon color
|
|
27
|
+
*/
|
|
28
|
+
color?: string | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* Icon height
|
|
31
|
+
*/
|
|
32
|
+
height?: number | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* Icon StrokeWidth
|
|
35
|
+
*/
|
|
36
|
+
strokeWidth?: number | undefined;
|
|
37
|
+
/**
|
|
38
|
+
* Icon width
|
|
39
|
+
*/
|
|
40
|
+
width?: number | undefined;
|
|
41
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @typedef {Object} Props
|
|
4
|
+
* @property {string} [color=""] Icon color
|
|
5
|
+
* @property {number} [height=24] Icon height
|
|
6
|
+
* @property {number} [strokeWidth=1.5] Icon StrokeWidth
|
|
7
|
+
* @property {number} [width=24] Icon width
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/** @type {Props} */
|
|
11
|
+
let { color, height, width, ...rest } = $props();
|
|
12
|
+
</script>
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
{height}
|
|
16
|
+
{width}
|
|
17
|
+
viewBox="0 0 24 24"
|
|
18
|
+
fill="none"
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
20
|
+
{...rest}>
|
|
21
|
+
<path
|
|
22
|
+
d="M10.6295 3.86371L2.2316 18.4082C2.07991 18.6709 2.00003 18.9688 2 19.2721C1.99997 19.5754 2.07979 19.8734 2.23144 20.1361C2.38309 20.3988 2.60121 20.6169 2.86389 20.7686C3.12657 20.9202 3.42454 21 3.72786 21H20.5223C20.8256 21 21.1235 20.9202 21.3862 20.7686C21.6489 20.6169 21.867 20.3988 22.0187 20.1361C22.1703 19.8734 22.2501 19.5754 22.2501 19.2721C22.2501 18.9688 22.1702 18.6709 22.0185 18.4082L13.6215 3.86371C13.4699 3.60111 13.2518 3.38304 12.9892 3.23143C12.7266 3.07982 12.4287 3 12.1255 3C11.8223 3 11.5244 3.07982 11.2618 3.23143C10.9992 3.38304 10.7811 3.60111 10.6295 3.86371Z"
|
|
23
|
+
fill={color} />
|
|
24
|
+
<path
|
|
25
|
+
d="M12.235 8.34955H12.016C11.4767 8.34955 11.0394 8.78676 11.0394 9.32609V13.9938C11.0394 14.5331 11.4767 14.9704 12.016 14.9704H12.235C12.7744 14.9704 13.2116 14.5331 13.2116 13.9938V9.32609C13.2116 8.78676 12.7744 8.34955 12.235 8.34955Z"
|
|
26
|
+
fill="#fff" />
|
|
27
|
+
<path
|
|
28
|
+
d="M12.1255 18.6723C12.7254 18.6723 13.2116 18.1861 13.2116 17.5863C13.2116 16.9865 12.7254 16.5002 12.1255 16.5002C11.5257 16.5002 11.0395 16.9865 11.0395 17.5863C11.0395 18.1861 11.5257 18.6723 12.1255 18.6723Z"
|
|
29
|
+
fill="#FFF" />
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export default Warning;
|
|
2
|
+
type Warning = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const Warning: import("svelte").Component<{
|
|
7
|
+
/**
|
|
8
|
+
* Icon color
|
|
9
|
+
*/
|
|
10
|
+
color?: string | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Icon height
|
|
13
|
+
*/
|
|
14
|
+
height?: number | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Icon StrokeWidth
|
|
17
|
+
*/
|
|
18
|
+
strokeWidth?: number | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* Icon width
|
|
21
|
+
*/
|
|
22
|
+
width?: number | undefined;
|
|
23
|
+
}, {}, "">;
|
|
24
|
+
type Props = {
|
|
25
|
+
/**
|
|
26
|
+
* Icon color
|
|
27
|
+
*/
|
|
28
|
+
color?: string | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* Icon height
|
|
31
|
+
*/
|
|
32
|
+
height?: number | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* Icon StrokeWidth
|
|
35
|
+
*/
|
|
36
|
+
strokeWidth?: number | undefined;
|
|
37
|
+
/**
|
|
38
|
+
* Icon width
|
|
39
|
+
*/
|
|
40
|
+
width?: number | undefined;
|
|
41
|
+
};
|
|
@@ -23,11 +23,13 @@ export { default as BoxIn } from "./BoxIn.svelte";
|
|
|
23
23
|
export { default as BoxOut } from "./BoxOut.svelte";
|
|
24
24
|
export { default as Calendar } from "./Calendar.svelte";
|
|
25
25
|
export { default as Check } from "./Check.svelte";
|
|
26
|
+
export { default as CheckFilled } from "./CheckFilled.svelte";
|
|
26
27
|
export { default as CheckboxStack } from "./CheckboxStack.svelte";
|
|
27
28
|
export { default as ChevronDoubleLeft } from "./ChevronDoubleLeft.svelte";
|
|
28
29
|
export { default as ChevronDoubleRight } from "./ChevronDoubleRight.svelte";
|
|
29
30
|
export { default as ChevronDown } from "./ChevronDown.svelte";
|
|
30
31
|
export { default as Clipboard } from "./Clipboard.svelte";
|
|
32
|
+
export { default as Clock } from "./Clock.svelte";
|
|
31
33
|
export { default as Close } from "./Close.svelte";
|
|
32
34
|
export { default as CloseSmall } from "./CloseSmall.svelte";
|
|
33
35
|
export { default as Computer } from "./Computer.svelte";
|
|
@@ -108,5 +110,6 @@ export { default as TranslateCrossed } from "./TranslateCrossed.svelte";
|
|
|
108
110
|
export { default as Trash } from "./Trash.svelte";
|
|
109
111
|
export { default as Underline } from "./Underline.svelte";
|
|
110
112
|
export { default as Undo } from "./Undo.svelte";
|
|
113
|
+
export { default as Warning } from "./Warning.svelte";
|
|
111
114
|
export { default as WebslineSupport } from "./WebslineSupport.svelte";
|
|
112
115
|
export { default as Width } from "./Width.svelte";
|
|
@@ -23,11 +23,13 @@ export { default as BoxIn } from "./BoxIn.svelte";
|
|
|
23
23
|
export { default as BoxOut } from "./BoxOut.svelte";
|
|
24
24
|
export { default as Calendar } from "./Calendar.svelte";
|
|
25
25
|
export { default as Check } from "./Check.svelte";
|
|
26
|
+
export { default as CheckFilled } from "./CheckFilled.svelte";
|
|
26
27
|
export { default as CheckboxStack } from "./CheckboxStack.svelte";
|
|
27
28
|
export { default as ChevronDoubleLeft } from "./ChevronDoubleLeft.svelte";
|
|
28
29
|
export { default as ChevronDoubleRight } from "./ChevronDoubleRight.svelte";
|
|
29
30
|
export { default as ChevronDown } from "./ChevronDown.svelte";
|
|
30
31
|
export { default as Clipboard } from "./Clipboard.svelte";
|
|
32
|
+
export { default as Clock } from "./Clock.svelte";
|
|
31
33
|
export { default as Close } from "./Close.svelte";
|
|
32
34
|
export { default as CloseSmall } from "./CloseSmall.svelte";
|
|
33
35
|
export { default as Computer } from "./Computer.svelte";
|
|
@@ -108,5 +110,6 @@ export { default as TranslateCrossed } from "./TranslateCrossed.svelte";
|
|
|
108
110
|
export { default as Trash } from "./Trash.svelte";
|
|
109
111
|
export { default as Underline } from "./Underline.svelte";
|
|
110
112
|
export { default as Undo } from "./Undo.svelte";
|
|
113
|
+
export { default as Warning } from "./Warning.svelte";
|
|
111
114
|
export { default as WebslineSupport } from "./WebslineSupport.svelte";
|
|
112
115
|
export { default as Width } from "./Width.svelte";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@websline/system-components",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -33,55 +33,55 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tiptap/core": "^3.
|
|
37
|
-
"@tiptap/extension-color": "^3.
|
|
38
|
-
"@tiptap/extension-highlight": "^3.
|
|
39
|
-
"@tiptap/extension-link": "^3.
|
|
40
|
-
"@tiptap/extension-placeholder": "^3.
|
|
41
|
-
"@tiptap/extension-text-align": "^3.
|
|
42
|
-
"@tiptap/extension-text-style": "^3.
|
|
43
|
-
"@tiptap/pm": "^3.
|
|
44
|
-
"@tiptap/starter-kit": "^3.
|
|
36
|
+
"@tiptap/core": "^3.23.6",
|
|
37
|
+
"@tiptap/extension-color": "^3.23.6",
|
|
38
|
+
"@tiptap/extension-highlight": "^3.23.6",
|
|
39
|
+
"@tiptap/extension-link": "^3.23.6",
|
|
40
|
+
"@tiptap/extension-placeholder": "^3.23.6",
|
|
41
|
+
"@tiptap/extension-text-align": "^3.23.6",
|
|
42
|
+
"@tiptap/extension-text-style": "^3.23.6",
|
|
43
|
+
"@tiptap/pm": "^3.23.6",
|
|
44
|
+
"@tiptap/starter-kit": "^3.23.6",
|
|
45
45
|
"bits-ui": "^2.18.1",
|
|
46
|
-
"dompurify": "^3.4.
|
|
46
|
+
"dompurify": "^3.4.5",
|
|
47
47
|
"tailwind-variants": "^3.2.2"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
50
|
"svelte": "^5.38.7"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@eslint/compat": "^2.0
|
|
53
|
+
"@eslint/compat": "^2.1.0",
|
|
54
54
|
"@eslint/js": "^10.0.1",
|
|
55
|
-
"@storybook/addon-a11y": "^10.
|
|
56
|
-
"@storybook/addon-docs": "^10.
|
|
55
|
+
"@storybook/addon-a11y": "^10.4.1",
|
|
56
|
+
"@storybook/addon-docs": "^10.4.1",
|
|
57
57
|
"@storybook/addon-svelte-csf": "^5.1.2",
|
|
58
|
-
"@storybook/sveltekit": "^10.
|
|
58
|
+
"@storybook/sveltekit": "^10.4.1",
|
|
59
59
|
"@sveltejs/adapter-auto": "^7.0.1",
|
|
60
|
-
"@sveltejs/kit": "^2.
|
|
60
|
+
"@sveltejs/kit": "^2.61.1",
|
|
61
61
|
"@sveltejs/package": "^2.5.7",
|
|
62
|
-
"@sveltejs/vite-plugin-svelte": "^7.
|
|
62
|
+
"@sveltejs/vite-plugin-svelte": "^7.1.2",
|
|
63
63
|
"@tailwindcss/forms": "^0.5.11",
|
|
64
64
|
"@tailwindcss/typography": "^0.5.19",
|
|
65
|
-
"@tailwindcss/vite": "^4.
|
|
66
|
-
"@types/node": "^25.
|
|
67
|
-
"@vitest/browser": "^4.1.
|
|
68
|
-
"eslint": "^10.
|
|
65
|
+
"@tailwindcss/vite": "^4.3.0",
|
|
66
|
+
"@types/node": "^25.9.1",
|
|
67
|
+
"@vitest/browser": "^4.1.7",
|
|
68
|
+
"eslint": "^10.4.0",
|
|
69
69
|
"eslint-config-prettier": "^10.1.8",
|
|
70
|
-
"eslint-plugin-storybook": "^10.
|
|
70
|
+
"eslint-plugin-storybook": "^10.4.1",
|
|
71
71
|
"eslint-plugin-svelte": "^3.17.1",
|
|
72
72
|
"globals": "^17.6.0",
|
|
73
|
-
"playwright": "^1.
|
|
74
|
-
"postcss-url": "^10.1.
|
|
73
|
+
"playwright": "^1.60.0",
|
|
74
|
+
"postcss-url": "^10.1.4",
|
|
75
75
|
"prettier": "^3.8.3",
|
|
76
|
-
"prettier-plugin-svelte": "^3.5.
|
|
76
|
+
"prettier-plugin-svelte": "^3.5.2",
|
|
77
77
|
"prettier-plugin-tailwindcss": "^0.8.0",
|
|
78
|
-
"publint": "^0.3.
|
|
79
|
-
"storybook": "^10.
|
|
80
|
-
"svelte": "^5.55.
|
|
81
|
-
"tailwindcss": "^4.
|
|
78
|
+
"publint": "^0.3.21",
|
|
79
|
+
"storybook": "^10.4.1",
|
|
80
|
+
"svelte": "^5.55.9",
|
|
81
|
+
"tailwindcss": "^4.3.0",
|
|
82
82
|
"typescript": "^6.0.3",
|
|
83
|
-
"vite": "^8.0.
|
|
84
|
-
"vitest": "^4.1.
|
|
83
|
+
"vite": "^8.0.14",
|
|
84
|
+
"vitest": "^4.1.7",
|
|
85
85
|
"vitest-browser-svelte": "^2.1.1"
|
|
86
86
|
},
|
|
87
87
|
"keywords": [
|