@asd20/ui 3.2.999 → 3.2.1001
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/atoms/icons/Asd20CalendarAltSvg.vue +43 -15
- package/src/components/atoms/icons/Asd20CalendarSvg.vue +9 -9
- package/src/components/atoms/icons/Asd20IxSvg.vue +8 -12
- package/src/components/atoms/icons/Asd20LinkSvg.vue +44 -47
- package/src/components/atoms/icons/Asd20WebsiteSvg.vue +49 -27
package/package.json
CHANGED
|
@@ -37,24 +37,52 @@
|
|
|
37
37
|
stroke-linecap="round"
|
|
38
38
|
/>
|
|
39
39
|
<!-- Calendar main body (rounded rectangle, outline only) -->
|
|
40
|
-
<rect
|
|
40
|
+
<rect
|
|
41
|
+
x="7"
|
|
42
|
+
y="10"
|
|
43
|
+
width="18"
|
|
44
|
+
height="15"
|
|
45
|
+
rx="3"
|
|
46
|
+
class="line"
|
|
47
|
+
fill="none"
|
|
48
|
+
stroke="currentColor"
|
|
49
|
+
stroke-width="2"
|
|
50
|
+
/>
|
|
41
51
|
<!-- Calendar header bar (fill color) -->
|
|
42
|
-
<rect x="6" y="10" width="20" height="4" rx="2" class="fill"/>
|
|
52
|
+
<rect x="6" y="10" width="20" height="4" rx="2" class="fill" />
|
|
43
53
|
<!-- Calendar "rings" (outline color) -->
|
|
44
|
-
<rect
|
|
45
|
-
|
|
54
|
+
<rect
|
|
55
|
+
x="9"
|
|
56
|
+
y="7"
|
|
57
|
+
width="2.3"
|
|
58
|
+
height="4"
|
|
59
|
+
rx="1"
|
|
60
|
+
class="line"
|
|
61
|
+
fill="currentColor"
|
|
62
|
+
/>
|
|
63
|
+
<rect
|
|
64
|
+
x="21"
|
|
65
|
+
y="7"
|
|
66
|
+
width="2.3"
|
|
67
|
+
height="4"
|
|
68
|
+
rx="1"
|
|
69
|
+
class="line"
|
|
70
|
+
fill="currentColor"
|
|
71
|
+
/>
|
|
46
72
|
<!-- Calendar number "31" (fill color, centered, bold) -->
|
|
47
|
-
<
|
|
48
|
-
x="16"
|
|
49
|
-
y="20"
|
|
50
|
-
text-anchor="middle"
|
|
51
|
-
alignment-baseline="middle"
|
|
52
|
-
font-size="10"
|
|
53
|
-
font-family="sans-serif"
|
|
54
|
-
font-weight="bold"
|
|
73
|
+
<g
|
|
55
74
|
class="fill"
|
|
56
|
-
|
|
57
|
-
|
|
75
|
+
stroke="currentColor"
|
|
76
|
+
fill="none"
|
|
77
|
+
stroke-width="1.8"
|
|
78
|
+
stroke-linecap="round"
|
|
79
|
+
stroke-linejoin="round"
|
|
80
|
+
>
|
|
81
|
+
<!-- "31"-->
|
|
82
|
+
<path
|
|
83
|
+
d="M 11.925 21.9586 C 12.2905 22.2856 12.773 22.4845 13.302 22.4845 C 14.4428 22.4845 15.3675 21.5598 15.3675 20.419 C 15.3675 19.2782 14.4428 18.3535 13.302 18.3535 L 15.3675 15.5995 H 11.925 M 19 22.5 V 15.5 L 18 16.5"
|
|
84
|
+
class="line"
|
|
85
|
+
/>
|
|
86
|
+
</g>
|
|
58
87
|
</g>
|
|
59
88
|
</template>
|
|
60
|
-
|
|
@@ -39,16 +39,16 @@
|
|
|
39
39
|
<!-- Calendar "rings" (outline color) -->
|
|
40
40
|
<rect x="9" y="7" width="2.3" height="4" rx="1" class="line" fill="currentColor"/>
|
|
41
41
|
<rect x="21" y="7" width="2.3" height="4" rx="1" class="line" fill="currentColor"/>
|
|
42
|
-
<!-- Calendar squares for days (
|
|
43
|
-
<rect x="10" y="16" width="2
|
|
44
|
-
<rect x="13.
|
|
45
|
-
<rect x="16.
|
|
46
|
-
<rect x="
|
|
42
|
+
<!-- Calendar squares for days (line color) -->
|
|
43
|
+
<rect x="10" y="16" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
44
|
+
<rect x="13.4" y="16" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
45
|
+
<rect x="16.8" y="16" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
46
|
+
<rect x="20.2" y="16" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
47
47
|
|
|
48
|
-
<rect x="10" y="19.4" width="2
|
|
49
|
-
<rect x="13.
|
|
50
|
-
<rect x="16.
|
|
51
|
-
<rect x="
|
|
48
|
+
<rect x="10" y="19.4" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
49
|
+
<rect x="13.4" y="19.4" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
50
|
+
<rect x="16.8" y="19.4" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
51
|
+
<rect x="20.2" y="19.4" width="2" height="2.2" rx="0.6" class="fill" stroke="currentColor" stroke-width="1"/>
|
|
52
52
|
</g>
|
|
53
53
|
</template>
|
|
54
54
|
|
|
@@ -82,18 +82,14 @@
|
|
|
82
82
|
/>
|
|
83
83
|
<!-- Central circle (mountain sun) -->
|
|
84
84
|
<circle cx="16" cy="17" r="6" class="fill" />
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
class="fill"
|
|
94
|
-
fill="white"
|
|
95
|
-
style="pointer-events: none"
|
|
96
|
-
>IX</text
|
|
85
|
+
<!-- "IX"-->
|
|
86
|
+
<path
|
|
87
|
+
d="M 15 21 L 20 13 M 15 13 L 20 21 M 13 21 V 13"
|
|
88
|
+
class="line"
|
|
89
|
+
stroke="#fff"
|
|
90
|
+
stroke-width="2"
|
|
91
|
+
stroke-linecap="round"
|
|
92
|
+
/>
|
|
97
93
|
>
|
|
98
94
|
</g>
|
|
99
95
|
</g>
|
|
@@ -5,56 +5,53 @@
|
|
|
5
5
|
height="160"
|
|
6
6
|
xmlns="http://www.w3.org/2000/svg"
|
|
7
7
|
>
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<!-- Browser window (rounded rectangle, outline color) -->
|
|
18
|
-
<rect
|
|
19
|
-
x="6"
|
|
20
|
-
y="8"
|
|
21
|
-
width="20"
|
|
22
|
-
height="17"
|
|
23
|
-
rx="2.5"
|
|
24
|
-
class="line"
|
|
25
|
-
fill="currentColor"
|
|
26
|
-
/>
|
|
27
|
-
<!-- Toolbar (top bar, cutout from window, background shows through) -->
|
|
28
|
-
<rect
|
|
29
|
-
x="8"
|
|
30
|
-
y="10"
|
|
31
|
-
width="16"
|
|
32
|
-
height="3"
|
|
33
|
-
rx="1.2"
|
|
34
|
-
class="line"
|
|
35
|
-
fill="#fff"
|
|
36
|
-
/>
|
|
37
|
-
<!-- Toolbar circles (left) -->
|
|
38
|
-
<circle cx="10" cy="11.5" r="0.55" class="line" fill="currentColor" />
|
|
39
|
-
<circle cx="12" cy="11.5" r="0.55" class="line" fill="currentColor" />
|
|
40
|
-
<circle cx="14" cy="11.5" r="0.55" class="line" fill="currentColor" />
|
|
41
|
-
<!-- Toolbar right bar -->
|
|
42
|
-
<rect
|
|
43
|
-
x="16.7"
|
|
44
|
-
y="11.1"
|
|
45
|
-
width="5.1"
|
|
46
|
-
height="1.1"
|
|
47
|
-
rx="0.5"
|
|
48
|
-
class="line"
|
|
49
|
-
fill="currentColor"
|
|
50
|
-
/>
|
|
8
|
+
<defs>
|
|
9
|
+
<!-- Mask definition -->
|
|
10
|
+
<mask id="toolbarMask">
|
|
11
|
+
<!-- Fill everything in white so it shows -->
|
|
12
|
+
<rect width="100%" height="100%" fill="white" />
|
|
13
|
+
<!-- Punch out the toolbar area in black so it becomes transparent -->
|
|
14
|
+
<rect x="8" y="10" width="16" height="3" rx="1.2" fill="black" />
|
|
15
|
+
</mask>
|
|
16
|
+
</defs>
|
|
51
17
|
|
|
52
|
-
|
|
53
|
-
|
|
18
|
+
<g>
|
|
19
|
+
<!-- 3/4 Circle outline -->
|
|
54
20
|
<path
|
|
55
|
-
d="
|
|
56
|
-
|
|
21
|
+
d="M6 28 a15 15 0 1 1 20 0"
|
|
22
|
+
fill="none"
|
|
23
|
+
class="line"
|
|
24
|
+
stroke="currentColor"
|
|
25
|
+
stroke-width="2"
|
|
26
|
+
stroke-linecap="round"
|
|
57
27
|
/>
|
|
28
|
+
|
|
29
|
+
<!-- Browser window with mask applied -->
|
|
30
|
+
<rect
|
|
31
|
+
x="6"
|
|
32
|
+
y="8"
|
|
33
|
+
width="20"
|
|
34
|
+
height="17"
|
|
35
|
+
rx="2.5"
|
|
36
|
+
class="line"
|
|
37
|
+
fill="currentColor"
|
|
38
|
+
mask="url(#toolbarMask)"
|
|
39
|
+
/>
|
|
40
|
+
|
|
41
|
+
<!-- Toolbar circles -->
|
|
42
|
+
<circle cx="10" cy="11.5" r="0.55" class="line" fill="currentColor" />
|
|
43
|
+
<circle cx="12" cy="11.5" r="0.55" class="line" fill="currentColor" />
|
|
44
|
+
<circle cx="14" cy="11.5" r="0.55" class="line" fill="currentColor" />
|
|
45
|
+
<!-- Toolbar right bar -->
|
|
46
|
+
<rect x="17" y="11" width="5" height="1" rx="0.5" class="line" fill="currentColor"/>
|
|
47
|
+
|
|
48
|
+
<!-- link symbol -->
|
|
49
|
+
<g transform="translate(-3,-3)scale(1.2)">
|
|
50
|
+
<path
|
|
51
|
+
d="M 15.5251 15.2678 C 16.0167 14.7762 16.6835 14.5 17.3787 14.5 C 18.8264 14.5 20 15.6736 20 17.1213 C 20 17.8165 19.7238 18.4833 19.2323 18.9749 L 18.2071 20 L 17.5 19.2929 L 18.5252 18.2678 C 18.8292 17.9637 19 17.5513 19 17.1213 C 19 16.2259 18.2741 15.5 17.3787 15.5 C 16.9487 15.5 16.5363 15.6708 16.2322 15.9749 L 15.2071 17 L 14.5 16.2929 L 15.5251 15.2678 Z M 15.7678 21.0252 L 16.7929 20 L 17.5 20.7071 L 16.4749 21.7323 C 15.9833 22.2238 15.3165 22.5 14.6213 22.5 C 13.1736 22.5 12 21.3264 12 19.8787 C 12 19.1835 12.2762 18.5167 12.7678 18.0251 L 13.7929 17 L 14.5 17.7071 L 13.4749 18.7322 C 13.1708 19.0363 13 19.4487 13 19.8787 C 13 20.7741 13.7259 21.5 14.6213 21.5 C 15.0513 21.5 15.4637 21.3292 15.7678 21.0252 Z M 14.8536 20.3535 L 17.8535 17.3536 L 17.1465 16.6464 L 14.1464 19.6465 L 14.8536 20.3535 Z"
|
|
52
|
+
class="fill"
|
|
53
|
+
/>
|
|
54
|
+
</g>
|
|
58
55
|
</g>
|
|
59
56
|
</g>
|
|
60
57
|
</template>
|
|
@@ -20,32 +20,54 @@
|
|
|
20
20
|
width="128"
|
|
21
21
|
height="160"
|
|
22
22
|
xmlns="http://www.w3.org/2000/svg"
|
|
23
|
-
>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
23
|
+
> <defs>
|
|
24
|
+
<!-- Mask definition -->
|
|
25
|
+
<mask id="toolbarMask">
|
|
26
|
+
<!-- Fill everything in white so it shows -->
|
|
27
|
+
<rect width="100%" height="100%" fill="white"/>
|
|
28
|
+
<!-- Punch out the toolbar area in black so it becomes transparent -->
|
|
29
|
+
<rect x="8" y="10" width="16" height="3" rx="1.2" fill="black"/>
|
|
30
|
+
</mask>
|
|
31
|
+
</defs>
|
|
32
|
+
|
|
33
|
+
<g>
|
|
34
|
+
<!-- 3/4 Circle outline -->
|
|
35
|
+
<path
|
|
36
|
+
d="M6 28 a15 15 0 1 1 20 0"
|
|
37
|
+
fill="none"
|
|
38
|
+
class="line"
|
|
39
|
+
stroke="currentColor"
|
|
40
|
+
stroke-width="2"
|
|
41
|
+
stroke-linecap="round"
|
|
42
|
+
/>
|
|
43
|
+
|
|
44
|
+
<!-- Browser window with mask applied -->
|
|
45
|
+
<rect
|
|
46
|
+
x="6"
|
|
47
|
+
y="8"
|
|
48
|
+
width="20"
|
|
49
|
+
height="17"
|
|
50
|
+
rx="2.5"
|
|
51
|
+
class="line"
|
|
52
|
+
fill="currentColor"
|
|
53
|
+
mask="url(#toolbarMask)"
|
|
54
|
+
/>
|
|
55
|
+
|
|
56
|
+
<!-- Toolbar circles -->
|
|
57
|
+
<circle cx="10" cy="11.5" r="0.55" class="line" fill="currentColor"/>
|
|
58
|
+
<circle cx="12" cy="11.5" r="0.55" class="line" fill="currentColor"/>
|
|
59
|
+
<circle cx="14" cy="11.5" r="0.55" class="line" fill="currentColor"/>
|
|
60
|
+
|
|
61
|
+
<!-- Toolbar right bar -->
|
|
62
|
+
<rect x="17" y="11" width="5" height="1" rx="0.5" class="line" fill="currentColor"/>
|
|
63
|
+
|
|
64
|
+
<!-- Sidebar rectangle (fill color) -->
|
|
65
|
+
<rect x="10" y="15" width="3" height="8" rx="1" class="fill"/>
|
|
66
|
+
|
|
67
|
+
<!-- Three horizontal lines -->
|
|
68
|
+
<rect x="15" y="15" width="7" height="1.5" rx="0.6" class="fill"/>
|
|
69
|
+
<rect x="15" y="18" width="7" height="1.5" rx="0.6" class="fill"/>
|
|
70
|
+
<rect x="15" y="21" width="7" height="1.5" rx="0.6" class="fill"/>
|
|
71
|
+
</g>
|
|
49
72
|
</g>
|
|
50
73
|
</template>
|
|
51
|
-
|