@unlk/keymaster 1.0.12 → 1.0.13

package/scss/assets/fontawesome/_widths.scss

@@ -0,0 +1,12 @@
+// icon widths
+// -------------------------
+@use 'variables' as v;
+
+.#{v.$css-prefix}-width-auto {
+  --#{v.$css-prefix}-width: auto;
+}
+
+.#{v.$css-prefix}-fw,
+.#{v.$css-prefix}-width-fixed {
+  --#{v.$css-prefix}-width: #{v.$fw-width};
+}

package/scss/assets/fontawesome/brands.scss

@@ -1,30 +1,45 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-brands: 'Font Awesome 6 Brands';
-  --#{$fa-css-prefix}-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
+  --#{v.$css-prefix}-family-brands: 'Font Awesome 7 Brands';
+  --#{v.$css-prefix}-font-brands: normal 400 1em/1 var(--#{v.$css-prefix}-family-brands);
 }
 
 @font-face {
-  font-family: 'Font Awesome 6 Brands';
+  font-family: 'Font Awesome 7 Brands';
   font-style: normal;
   font-weight: 400;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-brands-400.woff2');
 }
 
 .fab,
-.#{$fa-css-prefix}-brands {
-  font-weight: 400;
+.#{v.$css-prefix}-brands,
+.#{v.$css-prefix}-classic.#{v.$css-prefix}-brands {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-brands);
+  --#{v.$css-prefix}-style: 400;
+}
+
+@each $name, $icon in v.$brand-icons {
+  .#{v.$css-prefix}-#{$name} {
+    #{v.$icon-property}: string.unquote("\"#{ $icon }\"");
+  }
 }
 
-@each $name, $icon in $fa-brand-icons {
-  .#{$fa-css-prefix}-#{$name} { #{$fa-icon-property}: unquote("\"#{ $icon }\""); }
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties and ::before elements.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Brands);
+  @extend .#{v.$css-prefix}-brands;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
 }

package/scss/assets/fontawesome/duotone-light.scss

@@ -1,69 +1,96 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-duotone: 'Font Awesome 6 Duotone';
-  --#{$fa-css-prefix}-font-duotone-light: normal 300 1em/1 'Font Awesome 6 Duotone';
+  --#{v.$css-prefix}-family-duotone: 'Font Awesome 7 Duotone';
+  --#{v.$css-prefix}-font-duotone-light: normal 300 1em/1 var(--#{v.$css-prefix}-family-duotone);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-duotone: var(--#{v.$css-prefix}-family-duotone);
 }
 
 @font-face {
-  font-family: 'Font Awesome 6 Duotone';
+  font-family: 'Font Awesome 7 Duotone';
   font-style: normal;
   font-weight: 300;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-duotone-light-300.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-duotone-light-300.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-duotone-light-300.woff2');
 }
 
-.fadl,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light {
+
+.fadl {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-duotone);
+  --#{v.$css-prefix}-style: 300;
+  position: relative;
+  letter-spacing: normal;
+}
+
+.#{v.$css-prefix}-duotone {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-duotone);
   position: relative;
-  font-weight: 300;
   letter-spacing: normal;
 }
 
+.#{v.$css-prefix}-light {
+  --#{v.$css-prefix}-style: 300;
+}
+
 .fadl::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light::before {
+.#{v.$css-prefix}-duotone::before {
   position: absolute;
-  color: var(--#{$fa-css-prefix}-primary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+  color: var(--#{v.$css-prefix}-primary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
 .fadl::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light::after {
-  color: var(--#{$fa-css-prefix}-secondary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-duotone::after {
+  color: var(--#{v.$css-prefix}-secondary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fadl::before,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light::before,
-.fadl.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light.#{$fa-css-prefix}-swap-opacity::before {
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-swap-opacity .fadl::before,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-duotone::before,
+.#{v.$css-prefix}-swap-opacity.fadl::before,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-duotone::before {
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fadl::after,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light::after,
-.fadl.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light.#{$fa-css-prefix}-swap-opacity::after {
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+.#{v.$css-prefix}-swap-opacity .fadl::after,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-duotone::after,
+.#{v.$css-prefix}-swap-opacity.fadl::after,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-duotone::after {
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
-.fadl.#{$fa-css-prefix}-inverse,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light.#{$fa-css-prefix}-inverse {
-  color: var(--#{$fa-css-prefix}-inverse, $fa-inverse);
+.#{v.$css-prefix}-li.fadl,
+.#{v.$css-prefix}-li.#{v.$css-prefix}-duotone,
+.#{v.$css-prefix}-stack-1x.fadl,
+.#{v.$css-prefix}-stack-1x.#{v.$css-prefix}-duotone,
+.#{v.$css-prefix}-stack-2x.fadl,
+.#{v.$css-prefix}-stack-2x.#{v.$css-prefix}-duotone {
+  position: absolute;
 }
 
-.fadl.#{$fa-css-prefix}-stack-1x,
-.fadl.#{$fa-css-prefix}-stack-2x,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light.#{$fa-css-prefix}-stack-1x,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-light.#{$fa-css-prefix}-stack-2x {
-  position: absolute;
+// convenience mixins for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties, and both the ::before
+// and ::after elements in the duotone case.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Duotone);
+  @extend .#{v.$css-prefix}-duotone;
+  @extend .#{v.$css-prefix}-light;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
+
+  &::after {
+    content: string.unquote("\"#{ $var }\"");
+    font-feature-settings: "ss01";
+  }
 }

package/scss/assets/fontawesome/duotone-regular.scss

@@ -1,69 +1,96 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-duotone: 'Font Awesome 6 Duotone';
-  --#{$fa-css-prefix}-font-duotone-regular: normal 400 1em/1 'Font Awesome 6 Duotone';
+  --#{v.$css-prefix}-family-duotone: 'Font Awesome 7 Duotone';
+  --#{v.$css-prefix}-font-duotone-regular: normal 400 1em/1 var(--#{v.$css-prefix}-family-duotone);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-duotone: var(--#{v.$css-prefix}-family-duotone);
 }
 
 @font-face {
-  font-family: 'Font Awesome 6 Duotone';
+  font-family: 'Font Awesome 7 Duotone';
   font-style: normal;
   font-weight: 400;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-duotone-regular-400.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-duotone-regular-400.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-duotone-regular-400.woff2');
 }
 
-.fadr,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular {
+
+.fadr {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-duotone);
+  --#{v.$css-prefix}-style: 400;
+  position: relative;
+  letter-spacing: normal;
+}
+
+.#{v.$css-prefix}-duotone {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-duotone);
   position: relative;
-  font-weight: 400;
   letter-spacing: normal;
 }
 
+.#{v.$css-prefix}-regular {
+  --#{v.$css-prefix}-style: 400;
+}
+
 .fadr::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular::before {
+.#{v.$css-prefix}-duotone::before {
   position: absolute;
-  color: var(--#{$fa-css-prefix}-primary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+  color: var(--#{v.$css-prefix}-primary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
 .fadr::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular::after {
-  color: var(--#{$fa-css-prefix}-secondary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-duotone::after {
+  color: var(--#{v.$css-prefix}-secondary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fadr::before,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular::before,
-.fadr.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular.#{$fa-css-prefix}-swap-opacity::before {
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-swap-opacity .fadr::before,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-duotone::before,
+.#{v.$css-prefix}-swap-opacity.fadr::before,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-duotone::before {
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fadr::after,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular::after,
-.fadr.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular.#{$fa-css-prefix}-swap-opacity::after {
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+.#{v.$css-prefix}-swap-opacity .fadr::after,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-duotone::after,
+.#{v.$css-prefix}-swap-opacity.fadr::after,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-duotone::after {
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
-.fadr.#{$fa-css-prefix}-inverse,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular.#{$fa-css-prefix}-inverse {
-  color: var(--#{$fa-css-prefix}-inverse, $fa-inverse);
+.#{v.$css-prefix}-li.fadr,
+.#{v.$css-prefix}-li.#{v.$css-prefix}-duotone,
+.#{v.$css-prefix}-stack-1x.fadr,
+.#{v.$css-prefix}-stack-1x.#{v.$css-prefix}-duotone,
+.#{v.$css-prefix}-stack-2x.fadr,
+.#{v.$css-prefix}-stack-2x.#{v.$css-prefix}-duotone {
+  position: absolute;
 }
 
-.fadr.#{$fa-css-prefix}-stack-1x,
-.fadr.#{$fa-css-prefix}-stack-2x,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular.#{$fa-css-prefix}-stack-1x,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-regular.#{$fa-css-prefix}-stack-2x {
-  position: absolute;
+// convenience mixins for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties, and both the ::before
+// and ::after elements in the duotone case.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Duotone);
+  @extend .#{v.$css-prefix}-duotone;
+  @extend .#{v.$css-prefix}-regular;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
+
+  &::after {
+    content: string.unquote("\"#{ $var }\"");
+    font-feature-settings: "ss01";
+  }
 }

package/scss/assets/fontawesome/duotone-thin.scss

@@ -1,69 +1,96 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-duotone: 'Font Awesome 6 Duotone';
-  --#{$fa-css-prefix}-font-duotone-thin: normal 100 1em/1 'Font Awesome 6 Duotone';
+  --#{v.$css-prefix}-family-duotone: 'Font Awesome 7 Duotone';
+  --#{v.$css-prefix}-font-duotone-thin: normal 100 1em/1 var(--#{v.$css-prefix}-family-duotone);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-duotone: var(--#{v.$css-prefix}-family-duotone);
 }
 
 @font-face {
-  font-family: 'Font Awesome 6 Duotone';
+  font-family: 'Font Awesome 7 Duotone';
   font-style: normal;
   font-weight: 100;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-duotone-thin-100.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-duotone-thin-100.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-duotone-thin-100.woff2');
 }
 
-.fadt,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin {
+
+.fadt {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-duotone);
+  --#{v.$css-prefix}-style: 100;
+  position: relative;
+  letter-spacing: normal;
+}
+
+.#{v.$css-prefix}-duotone {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-duotone);
   position: relative;
-  font-weight: 100;
   letter-spacing: normal;
 }
 
+.#{v.$css-prefix}-thin {
+  --#{v.$css-prefix}-style: 100;
+}
+
 .fadt::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin::before {
+.#{v.$css-prefix}-duotone::before {
   position: absolute;
-  color: var(--#{$fa-css-prefix}-primary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+  color: var(--#{v.$css-prefix}-primary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
 .fadt::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin::after {
-  color: var(--#{$fa-css-prefix}-secondary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-duotone::after {
+  color: var(--#{v.$css-prefix}-secondary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fadt::before,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin::before,
-.fadt.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity::before,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-swap-opacity::before {
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-swap-opacity .fadt::before,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-duotone::before,
+.#{v.$css-prefix}-swap-opacity.fadt::before,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-duotone::before {
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fadt::after,
-.#{$fa-css-prefix}-swap-opacity .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin::after,
-.fadt.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-swap-opacity::after,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-swap-opacity::after {
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+.#{v.$css-prefix}-swap-opacity .fadt::after,
+.#{v.$css-prefix}-swap-opacity .#{v.$css-prefix}-duotone::after,
+.#{v.$css-prefix}-swap-opacity.fadt::after,
+.#{v.$css-prefix}-swap-opacity.#{v.$css-prefix}-duotone::after {
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
-.fadt.#{$fa-css-prefix}-inverse,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-inverse {
-  color: var(--#{$fa-css-prefix}-inverse, $fa-inverse);
+.#{v.$css-prefix}-li.fadt,
+.#{v.$css-prefix}-li.#{v.$css-prefix}-duotone,
+.#{v.$css-prefix}-stack-1x.fadt,
+.#{v.$css-prefix}-stack-1x.#{v.$css-prefix}-duotone,
+.#{v.$css-prefix}-stack-2x.fadt,
+.#{v.$css-prefix}-stack-2x.#{v.$css-prefix}-duotone {
+  position: absolute;
 }
 
-.fadt.#{$fa-css-prefix}-stack-1x,
-.fadt.#{$fa-css-prefix}-stack-2x,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-stack-1x,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-thin.#{$fa-css-prefix}-stack-2x {
-  position: absolute;
+// convenience mixins for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties, and both the ::before
+// and ::after elements in the duotone case.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Duotone);
+  @extend .#{v.$css-prefix}-duotone;
+  @extend .#{v.$css-prefix}-thin;
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
+
+  &::after {
+    content: string.unquote("\"#{ $var }\"");
+    font-feature-settings: "ss01";
+  }
 }

package/scss/assets/fontawesome/duotone.scss

@@ -1,65 +1,87 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-@import 'functions';
-@import 'variables';
+@use "sass:string";
+@use 'variables' as v;
+@use 'mixins' as m;
 
 :root, :host {
-  --#{$fa-css-prefix}-style-family-duotone: 'Font Awesome 6 Duotone';
-  --#{$fa-css-prefix}-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
+  --#{v.$css-prefix}-family-duotone: 'Font Awesome 7 Duotone';
+  --#{v.$css-prefix}-font-duotone: normal 900 1em/1 var(--#{v.$css-prefix}-family-duotone);
+
+  /* deprecated: this older custom property will be removed next major release */
+  --#{v.$css-prefix}-style-family-duotone: var(--#{v.$css-prefix}-family-duotone);
 }
 
 @font-face {
-  font-family: 'Font Awesome 6 Duotone';
+  font-family: 'Font Awesome 7 Duotone';
   font-style: normal;
   font-weight: 900;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-duotone-900.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-duotone-900.ttf') format('truetype');
+  font-display: v.$font-display;
+  src: url('#{v.$font-path}/fa-duotone-900.woff2');
 }
 
 .fad,
-.#{$fa-css-prefix}-duotone {
+.#{v.$css-prefix}-duotone {
+  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-duotone);
+  --#{v.$css-prefix}-style: 900;
   position: relative;
-  font-weight: 900;
   letter-spacing: normal;
 }
 
 .fad::before,
-.#{$fa-css-prefix}-duotone::before {
+.#{v.$css-prefix}-duotone::before {
   position: absolute;
-  color: var(--#{$fa-css-prefix}-primary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+  color: var(--#{v.$css-prefix}-primary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
 .fad::after,
-.#{$fa-css-prefix}-duotone::after {
-  color: var(--#{$fa-css-prefix}-secondary-color, inherit);
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-duotone::after {
+  color: var(--#{v.$css-prefix}-secondary-color, currentColor);
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fad::before,
-.#{$fa-css-prefix}-swap-opacity .fa-duotone::before,
-.fad.#{$fa-css-prefix}-swap-opacity::before,
-.fa-duotone.#{$fa-css-prefix}-swap-opacity::before {
-  opacity: var(--#{$fa-css-prefix}-secondary-opacity, #{$fa-secondary-opacity});
+.#{v.$css-prefix}-swap-opacity .fad::before,
+.#{v.$css-prefix}-swap-opacity .fa-duotone::before,
+.fad.#{v.$css-prefix}-swap-opacity::before,
+.fa-duotone.#{v.$css-prefix}-swap-opacity::before {
+  opacity: var(--#{v.$css-prefix}-secondary-opacity, #{v.$secondary-opacity});
 }
 
-.#{$fa-css-prefix}-swap-opacity .fad::after,
-.#{$fa-css-prefix}-swap-opacity .fa-duotone::after,
-.fad.#{$fa-css-prefix}-swap-opacity::after,
-.fa-duotone.#{$fa-css-prefix}-swap-opacity::after {
-  opacity: var(--#{$fa-css-prefix}-primary-opacity, #{$fa-primary-opacity});
+.#{v.$css-prefix}-swap-opacity .fad::after,
+.#{v.$css-prefix}-swap-opacity .fa-duotone::after,
+.fad.#{v.$css-prefix}-swap-opacity::after,
+.fa-duotone.#{v.$css-prefix}-swap-opacity::after {
+  opacity: var(--#{v.$css-prefix}-primary-opacity, #{v.$primary-opacity});
 }
 
-.fad.#{$fa-css-prefix}-inverse,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-inverse {
-  color: var(--#{$fa-css-prefix}-inverse, $fa-inverse);
+.fad.#{v.$css-prefix}-li,
+.#{v.$css-prefix}-duotone.#{v.$css-prefix}-li,
+.fad.#{v.$css-prefix}-stack-1x,
+.#{v.$css-prefix}-duotone.#{v.$css-prefix}-stack-1x,
+.fad.#{v.$css-prefix}-stack-2x,
+.#{v.$css-prefix}-duotone.#{v.$css-prefix}-stack-2x {
+  position: absolute;
 }
 
-.fad.#{$fa-css-prefix}-stack-1x, .fad.#{$fa-css-prefix}-stack-2x,
-.#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-duotone.#{$fa-css-prefix}-stack-2x {
-  position: absolute;
+// convenience mixin for declaring pseudo-elements by CSS variable,
+// including all style-specific font properties, and both the ::before
+// and ::after elements in the duotone case.
+@mixin icon($var) {
+  @include m.fa-icon(Font Awesome 7 Duotone);
+  @extend .#{v.$css-prefix}-duotone;
+  // We intentionally leave out @extend .#{v.$css-prefix}-classic because of
+  // the backward-compatibility puzzle that Duotone Solid represents
+
+  &::before {
+    content: string.unquote("\"#{ $var }\"");
+  }
+
+  &::after {
+    content: string.unquote("\"#{ $var }\"");
+    font-feature-settings: "ss01";
+  }
 }

package/scss/assets/fontawesome/fontawesome.scss

@@ -1,21 +1,18 @@
 /*!
- * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
 // Font Awesome core compile (Web Fonts-based)
 // -------------------------
 
-@import 'functions';
-@import 'variables';
-@import 'mixins';
-@import 'core';
-@import 'sizing';
-@import 'fixed-width';
-@import 'list';
-@import 'bordered-pulled';
-@import 'animated';
-@import 'rotated-flipped';
-@import 'stacked';
-@import 'icons';
-@import 'screen-reader';
+@use 'core';
+@use 'sizing';
+@use 'widths';
+@use 'list';
+@use 'bordered';
+@use 'pulled';
+@use 'animated';
+@use 'rotated-flipped';
+@use 'stacked';
+@use 'icons';