@gjsify/adwaita-icons 0.1.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/ui.ts ADDED
@@ -0,0 +1,131 @@
1
+ // Adwaita symbolic icons — ui
2
+ // Generated from refs/adwaita-icon-theme/Adwaita/symbolic/ui/
3
+ // Copyright (c) GNOME contributors. LGPL-3.0-or-later AND CC-BY-SA-3.0.
4
+ // Icon fills replaced with currentColor for dynamic theming.
5
+ // DO NOT EDIT — regenerate with: yarn generate
6
+
7
+ /** checkbox-checked-symbolic */
8
+ export const checkboxCheckedSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
9
+ <path d="m 3.007812 0 c -1.644531 0 -2.9999995 1.355469 -2.9999995 3 v 10 c 0 1.644531 1.3554685 3 2.9999995 3 h 10 c 1.644532 0 3 -1.355469 3 -3 v -10 c 0 -1.644531 -1.355468 -3 -3 -3 z m 0 2 h 10 c 0.421876 0 0.765626 0.234375 0.917969 0.585938 l -0.667969 0.757812 l -6.296874 7.195312 l -2.246094 -2.246093 c -0.390625 -0.390625 -1.023438 -0.390625 -1.414063 0 s -0.390625 1.027343 0 1.417969 l 3 3 c 0.410157 0.40625 1.078125 0.386718 1.460938 -0.050782 l 6.246093 -7.136718 v 7.476562 c 0 0.570312 -0.429687 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -10 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0" fill="currentColor"/>
10
+ </svg>`;
11
+
12
+ /** checkbox-mixed-symbolic */
13
+ export const checkboxMixedSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
14
+ <path d="m 3.007812 0 c -1.644531 0 -2.9999995 1.355469 -2.9999995 3 v 10 c 0 1.644531 1.3554685 3 2.9999995 3 h 10 c 1.644532 0 3 -1.355469 3 -3 v -10 c 0 -1.644531 -1.355468 -3 -3 -3 z m 0 2 h 10 c 0.570313 0 1 0.429688 1 1 v 10 c 0 0.570312 -0.429687 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -10 c 0 -0.570312 0.429688 -1 1 -1 z m 1.996094 4 c -1.105468 0 -2 0.894531 -2 2 s 0.894532 2 2 2 h 6 c 1.101563 0 2 -0.894531 2 -2 s -0.898437 -2 -2 -2 z m 0 0" fill="currentColor"/>
15
+ </svg>`;
16
+
17
+ /** checkbox-symbolic */
18
+ export const checkboxSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
19
+ <path d="m 3.007812 0 c -1.644531 0 -2.9999995 1.355469 -2.9999995 3 v 10 c 0 1.644531 1.3554685 3 2.9999995 3 h 10 c 1.644532 0 3 -1.355469 3 -3 v -10 c 0 -1.644531 -1.355468 -3 -3 -3 z m 0 2 h 10 c 0.570313 0 1 0.429688 1 1 v 10 c 0 0.570312 -0.429687 1 -1 1 h -10 c -0.570312 0 -1 -0.429688 -1 -1 v -10 c 0 -0.570312 0.429688 -1 1 -1 z m 0 0" fill="currentColor" fill-opacity="0.960784"/>
20
+ </svg>`;
21
+
22
+ /** focus-legacy-systray-symbolic */
23
+ export const focusLegacySystraySymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
24
+ <path d="m 7.933594 2 l -7.933594 0.011719 l -0.00390625 11.96875 h 9.96875025 l 0.027344 -9.917969 c 0.003906 -1.125 -0.933594 -2.0625 -2.058594 -2.0625 z m 2.050781 0.03125 s 1.03125 0.484375 1.03125 1.96875 v 10 h 0.984375 v -10 c 0 -1.25 -2.015625 -1.96875 -2.015625 -1.96875 z m 1.984375 0 s 1.03125 0.484375 1.03125 1.96875 v 10 h 1 v -10 c 0 -1.25 -2.03125 -1.96875 -2.03125 -1.96875 z m -8.953125 2.96875 h 1 c 0.308594 0 0.550781 0.089844 0.75 0.28125 l 2.65625 2.71875 l -2.65625 2.71875 c -0.199219 0.191406 -0.441406 0.28125 -0.75 0.28125 h -1 v -1 c 0 -0.257812 0.128906 -0.527344 0.3125 -0.71875 l 1.28125 -1.28125 l -1.28125 -1.28125 c -0.183594 -0.191406 -0.3125 -0.460938 -0.3125 -0.71875 z m 0 0" fill="currentColor"/>
25
+ </svg>`;
26
+
27
+ /** focus-top-bar-symbolic */
28
+ export const focusTopBarSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
29
+ <path d="m 2.0625 2 c -1.125 0 -2.0625 0.9375 -2.0625 2.058594 v 7.890625 h 1.039062 v -1.015625 h 0.960938 v -4.875 c 0 -0.050782 0.011719 -0.058594 0.0625 -0.058594 h 11.902344 c 0.050781 0 0.058594 0.011719 0.058594 0.058594 v 7.980468 h 0.933593 l 0.046875 -1.058593 h 1.019532 v -8.921875 c 0 -1.121094 -0.933594 -2.058594 -2.058594 -2.058594 z m 7.949219 2.074219 h 3.976562 v 0.925781 h -3.976562 z m 0 0" fill="currentColor"/>
30
+ </svg>`;
31
+
32
+ /** focus-windows-symbolic */
33
+ export const focusWindowsSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
34
+ <path d="m 8.019531 1.007812 c -0.53125 0 -1.03125 0.421876 -1.03125 1 v 7.011719 h 8.011719 v -7.042969 c 0 -0.578124 -0.523438 -0.96875 -1.023438 -0.96875 z m 0.96875 3.015626 h 4.011719 v 2.996093 h -4.011719 z m -6.953125 2.984374 c -0.53125 0 -1.03125 0.421876 -1.03125 1 v 7.011719 h 8.011719 v -3.984375 h -2 v 1.984375 h -4.011719 v -2.996093 h 2.015625 v -3.015626 z m 0 0" fill="currentColor"/>
35
+ </svg>`;
36
+
37
+ /** list-drag-handle-symbolic */
38
+ export const listDragHandleSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
39
+ <path d="m 4.496094 0 c -0.832032 0 -1.5 0.671875 -1.5 1.5 s 0.667968 1.5 1.5 1.5 c 0.828125 0 1.5 -0.671875 1.5 -1.5 s -0.671875 -1.5 -1.5 -1.5 z m 6 0 c -0.832032 0 -1.5 0.671875 -1.5 1.5 s 0.667968 1.5 1.5 1.5 c 0.828125 0 1.5 -0.671875 1.5 -1.5 s -0.671875 -1.5 -1.5 -1.5 z m -6 6 c -0.832032 0 -1.5 0.671875 -1.5 1.5 s 0.667968 1.5 1.5 1.5 c 0.828125 0 1.5 -0.671875 1.5 -1.5 s -0.671875 -1.5 -1.5 -1.5 z m 6 0 c -0.832032 0 -1.5 0.671875 -1.5 1.5 s 0.667968 1.5 1.5 1.5 c 0.828125 0 1.5 -0.671875 1.5 -1.5 s -0.671875 -1.5 -1.5 -1.5 z m -6 6 c -0.832032 0 -1.5 0.671875 -1.5 1.5 s 0.667968 1.5 1.5 1.5 c 0.828125 0 1.5 -0.671875 1.5 -1.5 s -0.671875 -1.5 -1.5 -1.5 z m 6 0 c -0.832032 0 -1.5 0.671875 -1.5 1.5 s 0.667968 1.5 1.5 1.5 c 0.828125 0 1.5 -0.671875 1.5 -1.5 s -0.671875 -1.5 -1.5 -1.5 z m 0 0" fill="currentColor"/>
40
+ </svg>`;
41
+
42
+ /** pan-down-symbolic */
43
+ export const panDownSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
44
+ <path d="m 3.292969 7.707031 l 4 4 c 0.390625 0.390625 1.023437 0.390625 1.414062 0 l 4 -4 c 0.390625 -0.390625 0.390625 -1.023437 0 -1.414062 s -1.023437 -0.390625 -1.414062 0 l -3.292969 3.292969 l -3.292969 -3.292969 c -0.390625 -0.390625 -1.023437 -0.390625 -1.414062 0 s -0.390625 1.023437 0 1.414062 z m 0 0" fill="currentColor" fill-rule="evenodd"/>
45
+ </svg>`;
46
+
47
+ /** pan-end-symbolic-rtl */
48
+ export const panEndSymbolicRtl = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
49
+ <path d="m 8.285156 12.699219 l -3.917968 -4 c -0.378907 -0.390625 -0.378907 -1.007813 0 -1.394531 l 3.917968 -4 c 0.382813 -0.398438 1.015625 -0.40625 1.414063 -0.019532 c 0.394531 0.382813 0.402343 1.015625 0.019531 1.414063 l -3.242188 3.300781 l 3.242188 3.300781 c 0.382812 0.398438 0.375 1.03125 -0.019531 1.417969 c -0.398438 0.382812 -1.03125 0.375 -1.414063 -0.019531 z m 0 0" fill="currentColor" fill-rule="evenodd"/>
50
+ </svg>`;
51
+
52
+ /** pan-end-symbolic */
53
+ export const panEndSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
54
+ <path d="m 7 13 c 0.265625 0 0.519531 -0.101562 0.707031 -0.292969 l 4 -4 c 0.390625 -0.390625 0.390625 -1.023437 0 -1.414062 l -4.003906 -4 c -0.390625 -0.386719 -1.023437 -0.386719 -1.414063 0 c -0.386718 0.394531 -0.386718 1.027343 0.003907 1.414062 l 3.292969 3.292969 l -3.292969 3.292969 c -0.390625 0.390625 -0.390625 1.027343 0 1.414062 c 0.1875 0.191407 0.441406 0.292969 0.707031 0.292969 z m 0 0" fill="currentColor" fill-rule="evenodd"/>
55
+ </svg>`;
56
+
57
+ /** pan-start-symbolic-rtl */
58
+ export const panStartSymbolicRtl = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
59
+ <path d="m 7 13 c 0.265625 0 0.519531 -0.101562 0.707031 -0.292969 l 4 -4 c 0.390625 -0.390625 0.390625 -1.023437 0 -1.414062 l -4.003906 -4 c -0.390625 -0.386719 -1.023437 -0.386719 -1.414063 0 c -0.386718 0.394531 -0.386718 1.027343 0.003907 1.414062 l 3.292969 3.292969 l -3.292969 3.292969 c -0.390625 0.390625 -0.390625 1.027343 0 1.414062 c 0.1875 0.191407 0.441406 0.292969 0.707031 0.292969 z m 0 0" fill="currentColor" fill-rule="evenodd"/>
60
+ </svg>`;
61
+
62
+ /** pan-start-symbolic */
63
+ export const panStartSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
64
+ <path d="m 8.285156 12.699219 l -3.917968 -4 c -0.378907 -0.390625 -0.378907 -1.007813 0 -1.394531 l 3.917968 -4 c 0.382813 -0.398438 1.015625 -0.40625 1.414063 -0.019532 c 0.394531 0.382813 0.402343 1.015625 0.019531 1.414063 l -3.242188 3.300781 l 3.242188 3.300781 c 0.382812 0.398438 0.375 1.03125 -0.019531 1.417969 c -0.398438 0.382812 -1.03125 0.375 -1.414063 -0.019531 z m 0 0" fill="currentColor" fill-rule="evenodd"/>
65
+ </svg>`;
66
+
67
+ /** pan-up-symbolic */
68
+ export const panUpSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
69
+ <path d="m 3.300781 9.203125 l 4 -3.917969 c 0.390625 -0.378906 1.007813 -0.378906 1.394531 0 l 4 3.917969 c 0.398438 0.382813 0.40625 1.015625 0.019532 1.414063 c -0.382813 0.394531 -1.015625 0.402343 -1.414063 0.019531 l -3.300781 -3.242188 l -3.300781 3.242188 c -0.398438 0.382812 -1.03125 0.375 -1.417969 -0.019531 c -0.382812 -0.398438 -0.375 -1.03125 0.019531 -1.414063 z m 0 0" fill="currentColor" fill-rule="evenodd"/>
70
+ </svg>`;
71
+
72
+ /** radio-checked-symbolic */
73
+ export const radioCheckedSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
74
+ <path d="m 8.007812 0 c -4.40625 0 -7.9999995 3.59375 -7.9999995 8 s 3.5937495 8 7.9999995 8 s 8 -3.59375 8 -8 s -3.59375 -8 -8 -8 z m 0 2 c 3.320313 0 6 2.679688 6 6 s -2.679687 6 -6 6 c -3.320312 0 -6 -2.679688 -6 -6 s 2.679688 -6 6 -6 z m -0.007812 3 c -1.652344 0 -3 1.34375 -3 3 s 1.347656 3 3 3 c 1.65625 0 3 -1.34375 3 -3 s -1.34375 -3 -3 -3 z m 0 0" fill="currentColor"/>
75
+ </svg>`;
76
+
77
+ /** radio-mixed-symbolic */
78
+ export const radioMixedSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
79
+ <path d="m 8.007812 0 c -4.40625 0 -7.9999995 3.59375 -7.9999995 8 s 3.5937495 8 7.9999995 8 s 8 -3.59375 8 -8 s -3.59375 -8 -8 -8 z m 0 2 c 3.320313 0 6 2.679688 6 6 s -2.679687 6 -6 6 c -3.320312 0 -6 -2.679688 -6 -6 s 2.679688 -6 6 -6 z m -3.003906 4 c -1.105468 0 -2 0.894531 -2 2 s 0.894532 2 2 2 h 6 c 1.101563 0 2 -0.894531 2 -2 s -0.898437 -2 -2 -2 z m 0 0" fill="currentColor"/>
80
+ </svg>`;
81
+
82
+ /** radio-symbolic */
83
+ export const radioSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
84
+ <path d="m 8.007812 0 c -4.40625 0 -7.9999995 3.59375 -7.9999995 8 s 3.5937495 8 7.9999995 8 c 4.402344 0 8 -3.59375 8 -8 s -3.597656 -8 -8 -8 z m 0 2 c 3.320313 0 6 2.679688 6 6 s -2.679687 6 -6 6 c -3.320312 0 -6 -2.679688 -6 -6 s 2.679688 -6 6 -6 z m 0 0" fill="currentColor"/>
85
+ </svg>`;
86
+
87
+ /** selection-end-symbolic-rtl */
88
+ export const selectionEndSymbolicRtl = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
89
+ <path d="m 11.007812 14 l -6 -6 v -6 h 6 z m 0 0" fill="currentColor"/>
90
+ </svg>`;
91
+
92
+ /** selection-end-symbolic */
93
+ export const selectionEndSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
94
+ <path d="m 5.542969 2.453125 l 4.375 3.644531 c 0.683593 0.570313 1.082031 1.417969 1.082031 2.3125 v 3.589844 c 0 1.105469 -0.894531 2 -2 2 h -2 c -1.105469 0 -2 -0.894531 -2 -2 v -9.296875 c 0 -0.125 0.074219 -0.242187 0.191406 -0.296875 c 0.113282 -0.054688 0.25 -0.035156 0.351563 0.046875 z m 0 0" fill="currentColor"/>
95
+ </svg>`;
96
+
97
+ /** selection-start-symbolic-rtl */
98
+ export const selectionStartSymbolicRtl = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
99
+ <path d="m 4.996094 2 l 6 6 v 6 h -6 z m 0 0" fill="currentColor"/>
100
+ </svg>`;
101
+
102
+ /** selection-start-symbolic */
103
+ export const selectionStartSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
104
+ <path d="m 10.457031 13.546875 l -4.375 -3.644531 c -0.683593 -0.570313 -1.082031 -1.417969 -1.082031 -2.3125 v -3.589844 c 0 -1.105469 0.894531 -2 2 -2 h 2 c 1.105469 0 2 0.894531 2 2 v 9.296875 c 0 0.125 -0.074219 0.242187 -0.191406 0.296875 c -0.113282 0.054688 -0.25 0.035156 -0.351563 -0.046875 z m 0 0" fill="currentColor"/>
105
+ </svg>`;
106
+
107
+ /** window-close-symbolic */
108
+ export const windowCloseSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
109
+ <path d="m 4 4 h 1 h 0.03125 c 0.253906 0.011719 0.511719 0.128906 0.6875 0.3125 l 2.28125 2.28125 l 2.3125 -2.28125 c 0.265625 -0.230469 0.445312 -0.304688 0.6875 -0.3125 h 1 v 1 c 0 0.285156 -0.035156 0.550781 -0.25 0.75 l -2.28125 2.28125 l 2.25 2.25 c 0.1875 0.1875 0.28125 0.453125 0.28125 0.71875 v 1 h -1 c -0.265625 0 -0.53125 -0.09375 -0.71875 -0.28125 l -2.28125 -2.28125 l -2.28125 2.28125 c -0.1875 0.1875 -0.453125 0.28125 -0.71875 0.28125 h -1 v -1 c 0 -0.265625 0.09375 -0.53125 0.28125 -0.71875 l 2.28125 -2.25 l -2.28125 -2.28125 c -0.210938 -0.195312 -0.304688 -0.46875 -0.28125 -0.75 z m 0 0" fill="currentColor"/>
110
+ </svg>`;
111
+
112
+ /** window-maximize-symbolic */
113
+ export const windowMaximizeSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
114
+ <path d="m 3.988281 3.992188 v 8.011718 h 8.011719 v -8.011718 z m 2 2 h 4.011719 v 4.011718 h -4.011719 z m 0 0" fill="currentColor"/>
115
+ </svg>`;
116
+
117
+ /** window-minimize-symbolic */
118
+ export const windowMinimizeSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
119
+ <path d="m 4 10.007812 h 8 v 1.988282 h -8 z m 0 0" fill="currentColor"/>
120
+ </svg>`;
121
+
122
+ /** window-new-symbolic */
123
+ export const windowNewSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
124
+ <path d="m 3 0 c -1.644531 0 -3 1.355469 -3 3 v 8 c 0 1.644531 1.355469 3 3 3 h 3 c 0.550781 0 1 -0.449219 1 -1 s -0.449219 -1 -1 -1 h -3 c -0.570312 0 -1 -0.429688 -1 -1 v -6 c 0 -0.554688 0.445312 -1 1 -1 h 10 c 0.554688 0 1 0.445312 1 1 v 3 c 0 0.550781 0.449219 1 1 1 s 1 -0.449219 1 -1 v -5 c 0 -1.644531 -1.355469 -3 -3 -3 z m 0 0" fill="currentColor"/>
125
+ <path d="m 11 8 v 3 h -3 v 2 h 3 v 3 h 2 v -3 h 3 v -2 h -3 v -3 z m 0 0" fill="currentColor"/>
126
+ </svg>`;
127
+
128
+ /** window-restore-symbolic */
129
+ export const windowRestoreSymbolic = `<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
130
+ <path d="m 4.988281 4.992188 v 6.011718 h 6.011719 v -6.011718 z m 2 2 h 2.011719 v 2.011718 h -2.011719 z m 0 0" fill="currentColor"/>
131
+ </svg>`;
package/utils.ts ADDED
@@ -0,0 +1,18 @@
1
+ // Utility helpers for using Adwaita icon SVG strings in CSS.
2
+ // Reference: refs/adwaita-icon-theme. Copyright (c) GNOME contributors, LGPL-3.0+/CC-BY-SA-3.0.
3
+
4
+ /**
5
+ * Encode an SVG string as a CSS `url(...)` data-URI for use in
6
+ * `mask-image`, `background-image`, or similar CSS properties.
7
+ *
8
+ * Normalizes whitespace (collapses to single spaces), replaces
9
+ * double quotes with single quotes, then percent-encodes via
10
+ * `encodeURIComponent` for maximum browser compatibility.
11
+ */
12
+ export function toDataUri(svg: string): string {
13
+ // Collapse all whitespace (incl. newlines) to single spaces
14
+ let s = svg.replace(/\s+/g, ' ').trim();
15
+ // Use single quotes for SVG attributes — avoids %22 inside url("...")
16
+ s = s.replace(/"/g, "'");
17
+ return `url("data:image/svg+xml,${encodeURIComponent(s)}")`;
18
+ }