@gjsify/adwaita-web 0.64.2 → 0.64.3-next.262

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 (18) hide show
  1. package/dist/adwaita-web.css +22 -17
  2. package/dist/adwaita-web.css.map +1 -1
  3. package/lib/types/elements/adw-about-dialog.d.ts +53 -7
  4. package/lib/types/language-host.d.ts +1 -0
  5. package/lib/types/namespace/glib.d.ts +4 -2
  6. package/lib/types/styles.generated.d.ts +1 -1
  7. package/package.json +13 -12
  8. package/scss/_about_dialog.scss +10 -2
  9. package/scss/_icons.generated.scss +12 -0
  10. package/scss/_link.scss +8 -5
  11. package/src/adw-about-dialog.spec.ts +253 -12
  12. package/src/elements/adw-about-dialog.ts +258 -54
  13. package/src/elements/adw-preferences-row.ts +2 -1
  14. package/src/glib.spec.ts +62 -0
  15. package/src/gtk-link-button.spec.ts +14 -0
  16. package/src/language-host.ts +10 -0
  17. package/src/namespace/glib.ts +14 -2
  18. package/src/styles.generated.ts +1 -1
package/dist/adwaita-web.css CHANGED
@@ -44,6 +44,8 @@
44
44
  --icon-view-more: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%207.996094%200%20c%20-1.105469%200%20-2%200.894531%20-2%202%20s%200.894531%202%202%202%20c%201.101562%200%202%20-0.894531%202%20-2%20s%20-0.898438%20-2%20-2%20-2%20z%20m%200%206%20c%20-1.105469%200%20-2%200.894531%20-2%202%20s%200.894531%202%202%202%20c%201.101562%200%202%20-0.894531%202%20-2%20s%20-0.898438%20-2%20-2%20-2%20z%20m%200%206%20c%20-1.105469%200%20-2%200.894531%20-2%202%20s%200.894531%202%202%202%20c%201.101562%200%202%20-0.894531%202%20-2%20s%20-0.898438%20-2%20-2%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
45
45
  --icon-view-paged: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cg%20fill%3D'currentColor'%3E%20%3Cpath%20d%3D'm%209%205.5%20v%20-1%20c%200%20-0.277344%20-0.222656%20-0.5%20-0.5%20-0.5%20h%20-3%20c%20-0.277344%200%20-0.5%200.222656%20-0.5%200.5%20v%201%20c%200%200.277344%200.222656%200.5%200.5%200.5%20h%203%20c%200.277344%200%200.5%20-0.222656%200.5%20-0.5%20z%20m%200%200'%20fill-opacity%3D'0.34902'%2F%3E%20%3Cpath%20d%3D'm%204%200%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%207%20c%200%201.644531%201.355469%203%203%203%20h%206%20c%201.644531%200%203%20-1.355469%203%20-3%20v%20-7%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%200%202%20h%206%20c%200.570312%200%201%200.429688%201%201%20v%207%20c%200%200.570312%20-0.429688%201%20-1%201%20h%20-6%20c%20-0.570312%200%20-1%20-0.429688%20-1%20-1%20v%20-7%20c%200%20-0.570312%200.429688%20-1%201%20-1%20z%20m%2011%202%20c%20-0.550781%200%20-1%200.449219%20-1%201%20v%208%20c%200%200.550781%20-0.449219%201%20-1%201%20h%20-7%20c%20-0.550781%200%20-1%200.449219%20-1%201%20s%200.449219%201%201%201%20h%207%20c%201.65625%200%203%20-1.34375%203%20-3%20v%20-8%20c%200%20-0.550781%20-0.449219%20-1%20-1%20-1%20z%20m%200%200'%2F%3E%20%3Cpath%20d%3D'm%209%208.5%20v%20-1%20c%200%20-0.277344%20-0.222656%20-0.5%20-0.5%20-0.5%20h%20-3%20c%20-0.277344%200%20-0.5%200.222656%20-0.5%200.5%20v%201%20c%200%200.277344%200.222656%200.5%200.5%200.5%20h%203%20c%200.277344%200%200.5%20-0.222656%200.5%20-0.5%20z%20m%200%200'%20fill-opacity%3D'0.34902'%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
46
46
  --icon-view-columns: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%202%201%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%2012%20c%200%200.554688%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-12%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%205%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%2012%20c%200%200.554688%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-12%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%205%200%20c%20-0.554688%200%20-1%200.445312%20-1%201%20v%2012%20c%200%200.554688%200.445312%201%201%201%20h%202%20c%200.554688%200%201%20-0.445312%201%20-1%20v%20-12%20c%200%20-0.554688%20-0.445312%20-1%20-1%20-1%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
47
+ --icon-adw-external-link: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%209%201%20h%206%20v%206%20h%20-2%20v%20-2.5%20l%20-4.5%204.5%20l%20-1.5%20-1.5%20l%204.5%20-4.5%20h%20-2.5%20z%20m%20-6%202%20h%204%20v%202%20h%20-3%20v%208%20h%208%20v%20-3%20h%202%20v%204%20c%200%200.55%20-0.45%201%20-1%201%20h%20-10%20c%20-0.55%200%20-1%20-0.45%20-1%20-1%20v%20-10%20c%200%20-0.55%200.45%20-1%201%20-1%20z'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
48
+ --icon-adw-mail-send: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%202%203%20h%2012%20c%200.55%200%201%200.45%201%201%20v%208%20c%200%200.55%20-0.45%201%20-1%201%20h%20-12%20c%20-0.55%200%20-1%20-0.45%20-1%20-1%20v%20-8%20c%200%20-0.55%200.45%20-1%201%20-1%20z%20m%201.5%202%20l%204.5%203.5%20l%204.5%20-3.5%20z%20m%20-0.5%201.7%20v%205.3%20h%2010%20v%20-5.3%20l%20-5%203.9%20z'%20fill%3D'currentColor'%20fill-rule%3D'evenodd'%2F%3E%20%3C%2Fsvg%3E");
47
49
  --icon-list-remove: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%201%207%20h%2014%20v%202%20h%20-14%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
48
50
  --icon-send-to: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%200%20c%20-0.257812%200%20-0.511719%200.0976562%20-0.707031%200.292969%20l%20-1.246094%201.25%20l%20-1.765625%201.730469%20c%20-0.191406%200.199218%20-0.28125%200.441406%20-0.28125%200.75%20c%200%200.976562%201%201%201%201%20c%200.257812%200%200.527344%20-0.128907%200.71875%20-0.3125%20l%201.28125%20-1.28125%20v%207.570312%20s%200%201%201%201%20s%201%20-1%201%20-1%20v%20-7.570312%20l%201.28125%201.28125%20c%200.191406%200.183593%200.410156%200.3125%200.71875%200.3125%20c%200%200%201%20-0.023438%201%20-1%20c%200%20-0.308594%20-0.089844%20-0.550782%20-0.28125%20-0.75%20l%20-1.765625%20-1.730469%20l%20-1.246094%20-1.25%20c%20-0.195312%20-0.1953128%20-0.449219%20-0.292969%20-0.707031%20-0.292969%20z%20m%20-3.96875%206.964844%20c%20-1.660156%20-0.027344%20-3.03125%201.371094%20-3.03125%203.035156%20v%202.972656%20c%200%201.664063%201.371094%203.035156%203.03125%203.035156%20h%207.9375%20c%201.664062%200%203.03125%20-1.371093%203.03125%20-3.035156%20v%20-2.972656%20c%200%20-1.664062%20-1.367188%20-3.0625%20-3.03125%20-3.035156%20l%20-1.96875%200.035156%20v%202%20l%201.96875%20-0.035156%20c%200.589844%20-0.007813%201.03125%200.445312%201.03125%201.035156%20v%202.972656%20c%200%200.589844%20-0.441406%201.035156%20-1.03125%201.035156%20h%20-7.9375%20c%20-0.585938%200%20-1.03125%20-0.445312%20-1.03125%20-1.035156%20v%20-2.972656%20c%200%20-0.589844%200.445312%20-1.042969%201.03125%20-1.035156%20l%201.96875%200.035156%20v%20-2%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
49
51
  --icon-folder-music: url("data:image/svg+xml,%3Csvg%20height%3D'16px'%20viewBox%3D'0%200%2016%2016'%20width%3D'16px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cpath%20d%3D'm%208%201%20c%20-1.644531%200%20-3%201.355469%20-3%203%20v%204.339844%20c%20-0.457031%20-0.214844%20-0.964844%20-0.339844%20-1.5%20-0.339844%20c%20-1.921875%200%20-3.5%201.578125%20-3.5%203.5%20s%201.578125%203.5%203.5%203.5%20c%201.914062%200%203.492188%20-1.570312%203.5%20-3.484375%20c%200%20-0.003906%200%20-0.011719%200%20-0.015625%20v%20-7.5%20c%200%20-0.5625%200.4375%20-1%201%20-1%20h%204%20c%200.5625%200%201%200.4375%201%201%20v%204.339844%20c%20-0.457031%20-0.214844%20-0.964844%20-0.339844%20-1.5%20-0.339844%20c%20-1.921875%200%20-3.5%201.578125%20-3.5%203.5%20s%201.578125%203.5%203.5%203.5%20s%203.5%20-1.578125%203.5%20-3.5%20v%20-7.5%20c%200%20-1.644531%20-1.355469%20-3%20-3%20-3%20z%20m%20-4.5%209%20c%200.839844%200%201.5%200.660156%201.5%201.5%20v%200.015625%20c%20-0.007812%200.832031%20-0.664062%201.484375%20-1.5%201.484375%20c%20-0.839844%200%20-1.5%20-0.660156%20-1.5%20-1.5%20s%200.660156%20-1.5%201.5%20-1.5%20z%20m%208%200%20c%200.839844%200%201.5%200.660156%201.5%201.5%20s%20-0.660156%201.5%20-1.5%201.5%20s%20-1.5%20-0.660156%20-1.5%20-1.5%20s%200.660156%20-1.5%201.5%20-1.5%20z%20m%200%200'%20fill%3D'currentColor'%2F%3E%20%3C%2Fsvg%3E");
@@ -295,6 +297,16 @@
295
297
  -webkit-mask-image: var(--icon-view-columns);
296
298
  }
297
299
 
300
+ .adw-icon--adw-external-link {
301
+ mask-image: var(--icon-adw-external-link);
302
+ -webkit-mask-image: var(--icon-adw-external-link);
303
+ }
304
+
305
+ .adw-icon--adw-mail-send {
306
+ mask-image: var(--icon-adw-mail-send);
307
+ -webkit-mask-image: var(--icon-adw-mail-send);
308
+ }
309
+
298
310
  .adw-icon--list-remove {
299
311
  mask-image: var(--icon-list-remove);
300
312
  -webkit-mask-image: var(--icon-list-remove);
@@ -2650,47 +2662,33 @@ gtk-button {
2650
2662
  background-color: color-mix(in srgb, currentColor 45%, transparent);
2651
2663
  }
2652
2664
 
2653
- .link,
2654
2665
  .adw-button.link {
2655
2666
  color: var(--accent-color);
2656
2667
  text-decoration: underline;
2657
2668
  font-weight: inherit;
2658
2669
  }
2659
- .link:hover,
2660
2670
  .adw-button.link:hover {
2661
2671
  color: hsl(from var(--accent-color) h calc(s * 1.1) calc(l * 1.1));
2662
2672
  }
2663
- .link:active,
2664
2673
  .adw-button.link:active {
2665
2674
  color: var(--accent-color);
2666
2675
  }
2667
- .link:disabled,
2668
2676
  .adw-button.link:disabled {
2669
2677
  color: color-mix(in srgb, currentColor var(--disabled-opacity), transparent);
2670
2678
  }
2671
- .link.visited,
2672
2679
  .adw-button.link.visited {
2673
2680
  color: color-mix(in srgb, var(--accent-color) 80%, var(--view-fg-color));
2674
2681
  }
2675
- .osd .link,
2676
2682
  .osd .adw-button.link {
2677
2683
  color: color-mix(in srgb, var(--accent-bg-color) 50%, white);
2678
2684
  }
2679
- .osd .link:visited, .osd .link.visited,
2680
- .osd .adw-button.link:visited,
2681
- .osd .adw-button.link.visited {
2685
+ .osd .adw-button.link:visited, .osd .adw-button.link.visited {
2682
2686
  color: color-mix(in srgb, color-mix(in srgb, var(--accent-bg-color) 50%, white) 60%, currentColor);
2683
2687
  }
2684
- .osd .link:active,
2685
2688
  .osd .adw-button.link:active {
2686
2689
  color: color-mix(in srgb, var(--accent-bg-color) 50%, white);
2687
2690
  }
2688
- .link, .link:hover, .link:active, .link:checked, .link.checked,
2689
- .adw-button.link,
2690
- .adw-button.link:hover,
2691
- .adw-button.link:active,
2692
- .adw-button.link:checked,
2693
- .adw-button.link.checked {
2691
+ .adw-button.link, .adw-button.link:hover, .adw-button.link:active, .adw-button.link:checked, .adw-button.link.checked {
2694
2692
  background-color: transparent;
2695
2693
  }
2696
2694
 
@@ -10093,7 +10091,8 @@ adw-about-dialog .adw-about-dialog-rows {
10093
10091
  adw-about-dialog .adw-about-dialog-rows + .adw-about-dialog-rows {
10094
10092
  margin-top: var(--spacing-l);
10095
10093
  }
10096
- adw-about-dialog .adw-about-dialog-chevron {
10094
+ adw-about-dialog .adw-about-dialog-chevron,
10095
+ adw-about-dialog .adw-about-dialog-link-icon {
10097
10096
  width: 16px;
10098
10097
  height: 16px;
10099
10098
  opacity: var(--dim-opacity);
@@ -10144,8 +10143,14 @@ adw-about-dialog .adw-about-dialog-copyright {
10144
10143
  opacity: var(--dim-opacity);
10145
10144
  text-align: center;
10146
10145
  }
10146
+ adw-about-dialog .adw-about-dialog-legal-title {
10147
+ margin: var(--spacing-m) 0 0;
10148
+ font-weight: 700;
10149
+ text-align: center;
10150
+ }
10147
10151
  adw-about-dialog .adw-about-dialog-license {
10148
10152
  margin: var(--spacing-s) 0 0;
10153
+ white-space: pre-wrap;
10149
10154
  font-size: var(--font-size-small);
10150
10155
  opacity: var(--dim-opacity);
10151
10156
  text-align: center;