@tylertech/forge 3.14.0-dev.3 → 3.14.0-dev.4

package/esm/split-view/split-view-panel/split-view-panel.scss.js

@@ -4,6 +4,6 @@
  * License: Apache-2.0
  */
 
-var styles = ".forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));background-color:var(--forge-theme-outline, #e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:none}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width, 8px);width:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1uthg;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1uthg{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:uh1uti5;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1uti5{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1utig;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utig{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:uh1utjf;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utjf{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width, 8px);height:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1utjr;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utjr{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uh1utkg;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utkg{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uh1utle;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utle{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uh1utlo;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes uh1utlo{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}:host{z-index:var(--forge-split-view-animating-layer) !important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width: 2px}";
+var styles = ".forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));background-color:var(--forge-theme-outline, #e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:none}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width, 8px);width:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u6uryhb;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryhb{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:u6uryhu;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryhu{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u6uryhz;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryhz{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:u6uryie;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryie{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width, 8px);height:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u6uryj8;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryj8{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u6uryk1;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryk1{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u6uryk4;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryk4{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u6uryku;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u6uryku{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}:host{z-index:var(--forge-split-view-animating-layer) !important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width: 2px}";
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tylertech/forge",
-  "version": "3.14.0-dev.3",
+  "version": "3.14.0-dev.4",
   "description": "Tyler Forge™ Web Components library",
   "license": "Apache-2.0",
   "author": "Tyler Technologies, Inc.",
@@ -51,5 +51,5 @@
     "lit": "^3.3.2",
     "tslib": "^2.8.1"
   },
-  "publishedAt": "2026-03-25T19:54:23.363Z"
+  "publishedAt": "2026-03-26T00:22:05.599Z"
 }

package/sass/calendar/_mixins.scss

@@ -412,8 +412,8 @@
 
 @mixin date-inner-gap($force: false) {
   position: absolute;
-  width: calc(100% - #{variables.$date-gap}) #{if(sass($force): '!important' ; else: '')};
-  height: calc(100% - #{variables.$date-gap}) #{if(sass($force): '!important' ; else: '')};
-  top: calc(#{variables.$date-gap} / 2) #{if(sass($force): '!important' ; else: '')};
-  left: calc(#{variables.$date-gap} / 2) #{if(sass($force): '!important' ; else: '')};
+  width: calc(100% - #{variables.$date-gap}) #{if($force, '!important', '')};
+  height: calc(100% - #{variables.$date-gap}) #{if($force, '!important', '')};
+  top: calc(#{variables.$date-gap} / 2) #{if($force, '!important', '')};
+  left: calc(#{variables.$date-gap} / 2) #{if($force, '!important', '')};
 }

package/sass/calendar/calendar-menu/_mixins.scss

@@ -293,7 +293,7 @@
 
 @mixin view-animation-in($from-left: true) {
   animation-duration: variables.$animation-duration;
-  animation-name: slide-in-#{if(sass($from-left): 'from-left' ; else: 'from-right')};
+  animation-name: slide-in-#{if($from-left, 'from-left', 'from-right')};
 
   @media (prefers-reduced-motion) {
     animation-name: fade-in;
@@ -302,7 +302,7 @@
 
 @mixin view-animation-out($to-right: true) {
   animation-duration: variables.$animation-duration;
-  animation-name: slide-out-#{if(sass($to-right): 'to-right' ; else: 'to-left')};
+  animation-name: slide-out-#{if($to-right, 'to-right', 'to-left')};
 
   @media (prefers-reduced-motion) {
     animation-name: fade-out;

package/sass/core/styles/_utils.scss

@@ -26,9 +26,7 @@
 /// ```
 ///
 @function module-ref($module, $token, $value, $type: ref, $prefix: config.$prefix) {
-  $fallback: if(
-    sass($type == ref): module-var($module, $value) ; else: $value
-  );
+  $fallback: if($type == ref, module-var($module, $value), $value);
   @return create-var($module, $token, $fallback, $prefix);
 }
 
@@ -134,8 +132,9 @@
   // that points to the provided value. This keeps the global cascading of internal tokens intact
   // instead of just overriding the token to a specific unchangeable value.
   $value: if(
-    sass($type == 'token' and map.has-key($module-tokens, $token-or-value)): module-var($module, $token-or-value) ;
-      else: create-var($module, $token, $token-or-value)
+    $type == 'token' and map.has-key($module-tokens, $token-or-value),
+    module-var($module, $token-or-value),
+    create-var($module, $token, $token-or-value)
   );
   #{create-module-var($module, $token)}: #{$value};
 }

package/sass/core/styles/theme/_color-utils.scss

@@ -54,5 +54,5 @@
 // Determine whether to use dark or light text on top of given color to meet accessibility standards for contrast.
 // Returns 'dark' if the given color is light and 'light' if the given color is dark.
 @function contrast-tone($color) {
-  @return if(sass(tone($color) == 'dark'): 'light' ; else: 'dark');
+  @return if(tone($color) == 'dark', 'light', 'dark');
 }

package/sass/core/styles/theme/_utils.scss

@@ -44,9 +44,7 @@
 /// @return {Color} - The contrast color for the provided color.
 ///
 @function contrast($color, $alpha: null, $light: #ffffff, $dark: #000000) {
-  $contrast-color: if(
-    sass(color-utils.contrast-tone($color) == 'dark'): $dark; else: $light
-  );
+  $contrast-color: if(color-utils.contrast-tone($color) == 'dark', $dark, $light);
   @if $alpha != null {
     @return emphasized($contrast-color, $alpha);
   }
@@ -57,7 +55,7 @@
 /// Converts a color with an opacity value on top of a specific background color to an opaque hex color.
 ///
 @function hexify($color, $background, $alpha: 100%) {
-  @return if(sass($alpha == 100%): color.mix($background, $color, $alpha) ; else: color.mix($background, $color, 100 - $alpha));
+  @return if($alpha == 100%, color.mix($background, $color, $alpha), color.mix($background, $color, 100 - $alpha));
 }
 
 ///

package/sass/core/styles/typography/index.scss

@@ -54,7 +54,7 @@
 /// Gets the value of a typography scale token.
 ///
 @function scale($scale, $unit: rem) {
-  @return #{scale.value($scale)}#{if(sass($unit): $unit; else: '')};
+  @return #{scale.value($scale)}#{if($unit, $unit, '')};
 }
 
 @mixin ellipse {

package/sass/focus-indicator/_core.scss

@@ -46,9 +46,7 @@
 @mixin standalone($type: 'outward', $selector: '::after', $pseudo-class: ':focus-visible', $focus-target: null) {
   outline: none;
 
-  $conditional-selector: if(
-    sass($focus-target): ':has(#{$focus-target}#{$pseudo-class})' ; else: #{$pseudo-class}
-  );
+  $conditional-selector: if($focus-target, ':has(#{$focus-target}#{$pseudo-class})', #{$pseudo-class});
   &#{$conditional-selector} {
     &#{$selector} {
       @include tokens;

package/sass/linear-progress/_animations.scss

@@ -54,12 +54,8 @@
 // Generates keyframes for ltr and rtl.
 @mixin _directional-keyframes($dir) {
   $is-rtl: $dir == 'rtl';
-  $sign: if(
-    sass($is-rtl): -1; else: 1
-  );
-  $suffix: if(
-    sass($is-rtl): '-rtl' ; else: ''
-  );
+  $sign: if($is-rtl, -1, 1);
+  $suffix: if($is-rtl, '-rtl', '');
 
   @keyframes buffering#{$suffix} {
     0% {

package/sass/meter/meter/_core.scss

@@ -91,8 +91,8 @@
 }
 
 @mixin theme($theme, $muted: false) {
-  $background: "#{$theme}-container-#{if(sass($muted): 'minimum'; else: 'low')}";
-  $color: "#{$theme}#{if(sass($muted): '-container-high'; else: '')}";
+  $background: "#{$theme}-container-#{if($muted, 'minimum', 'low')}";
+  $color: "#{$theme}#{if($muted, '-container-high', '')}";
 
   @include override(background, #{theme.variable($background)}, value);
   @include override(color, #{theme.variable($color)}, value);
@@ -103,15 +103,12 @@
 }
 
 @function tickmarks-background($count, $color, $secondary-color: null, $vertical: false) {
-  $transparent-start: if(
-    sass($secondary-color): 2px; else: 1px
-  );
+  $transparent-start: if($secondary-color, 2px, 1px);
   @return repeating-linear-gradient(
-    if(sass($vertical): 0; else: 90deg),
+    if($vertical, 0, 90deg),
     $color 0px,
     $color 1px,
-    if(sass($secondary-color): #{$secondary-color} + ' 1px,' ; else: null) if(sass($secondary-color): #{$secondary-color} + ' 2px,' ; else: null) transparent
-      $transparent-start,
+    if($secondary-color, #{$secondary-color} + ' 1px,', null) if($secondary-color, #{$secondary-color} + ' 2px,', null) transparent $transparent-start,
     transparent calc(100% / ($count + 1) + 0px)
   );
 }

package/vscode.css-custom-data.json

@@ -33,103 +33,83 @@
       "values": [{ "name": "string" }]
     },
     {
-      "name": "--forge-badge-background",
-      "description": "The background color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-color",
-      "description": "The text color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-shape",
-      "description": "The shape radius.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-padding-inline",
-      "description": "The inline padding.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-padding-block",
-      "description": "The block padding.",
+      "name": "--forge-backdrop-background",
+      "description": "The backdrop background color.",
       "values": []
     },
     {
-      "name": "--forge-badge-border-width",
-      "description": "The border width.",
+      "name": "--forge-backdrop-opacity",
+      "description": "The backdrop opacity.",
       "values": []
     },
     {
-      "name": "--forge-badge-border-color",
-      "description": "The border color.",
+      "name": "--forge-backdrop-z-index",
+      "description": "The backdrop z-index.",
       "values": []
     },
     {
-      "name": "--forge-badge-border-style",
-      "description": "The border style.",
+      "name": "--forge-backdrop-enter-animation-duration",
+      "description": "The animation duration for the enter animation.",
       "values": []
     },
     {
-      "name": "--forge-badge-gap",
-      "description": "The spacing between the content within the badge.",
+      "name": "--forge-backdrop-enter-animation-easing",
+      "description": "The animation easing for the enter animation.",
       "values": []
     },
     {
-      "name": "--forge-backdrop-background",
-      "description": "The backdrop background color.",
+      "name": "--forge-backdrop-exit-animation-duration",
+      "description": "The animation duration for the exit animation.",
       "values": []
     },
     {
-      "name": "--forge-backdrop-opacity",
-      "description": "The backdrop opacity.",
+      "name": "--forge-backdrop-exit-animation-easing",
+      "description": "The animation easing for the exit animation.",
       "values": []
     },
     {
-      "name": "--forge-backdrop-z-index",
-      "description": "The backdrop z-index.",
+      "name": "--forge-badge-background",
+      "description": "The background color.",
       "values": []
     },
     {
-      "name": "--forge-backdrop-enter-animation-duration",
-      "description": "The animation duration for the enter animation.",
+      "name": "--forge-badge-color",
+      "description": "The text color.",
       "values": []
     },
     {
-      "name": "--forge-backdrop-enter-animation-easing",
-      "description": "The animation easing for the enter animation.",
+      "name": "--forge-badge-shape",
+      "description": "The shape radius.",
       "values": []
     },
     {
-      "name": "--forge-backdrop-exit-animation-duration",
-      "description": "The animation duration for the exit animation.",
+      "name": "--forge-badge-padding-inline",
+      "description": "The inline padding.",
       "values": []
     },
     {
-      "name": "--forge-backdrop-exit-animation-easing",
-      "description": "The animation easing for the exit animation.",
+      "name": "--forge-badge-padding-block",
+      "description": "The block padding.",
       "values": []
     },
     {
-      "name": "--forge-bottom-sheet-desktop-max-width",
-      "description": "The maximum width of the bottom sheet on desktop.",
+      "name": "--forge-badge-border-width",
+      "description": "The border width.",
       "values": []
     },
     {
-      "name": "--forge-bottom-sheet-desktop-min-width",
-      "description": "The minimum width of the bottom sheet on desktop.",
+      "name": "--forge-badge-border-color",
+      "description": "The border color.",
       "values": []
     },
     {
-      "name": "--forge-bottom-sheet-animation-duration",
-      "description": "The duration of the bottom sheet animation to fullscreen.",
+      "name": "--forge-badge-border-style",
+      "description": "The border style.",
       "values": []
     },
     {
-      "name": "--forge-bottom-sheet-animation-timing",
-      "description": "The timing function of the bottom sheet animation to fullscreen.",
+      "name": "--forge-badge-gap",
+      "description": "The spacing between the content within the badge.",
       "values": []
     },
     {
@@ -172,6 +152,26 @@
       "description": "The transition easing function.",
       "values": []
     },
+    {
+      "name": "--forge-bottom-sheet-desktop-max-width",
+      "description": "The maximum width of the bottom sheet on desktop.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-desktop-min-width",
+      "description": "The minimum width of the bottom sheet on desktop.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-animation-duration",
+      "description": "The duration of the bottom sheet animation to fullscreen.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-animation-timing",
+      "description": "The timing function of the bottom sheet animation to fullscreen.",
+      "values": []
+    },
     {
       "name": "--forge-button-primary-color",
       "description": "The primary color of the button.",
@@ -2587,61 +2587,6 @@
       "description": "The shape of the avatar skeleton.",
       "values": []
     },
-    {
-      "name": "--forge-skip-link-background",
-      "description": "The background color of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-color",
-      "description": "The text color of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-shape",
-      "description": "The border radius of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-inset",
-      "description": "The skip link's inset from the edge of the viewport.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-z-index",
-      "description": "The z-index of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-elevation",
-      "description": "The box shadow of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-padding-block",
-      "description": "The interior padding of the skip link along the block axis.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-padding-inline",
-      "description": "The interior padding of the skip link along the inline axis.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-focus-indicator-color",
-      "description": "The color of the focus indicator.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-transition-duration",
-      "description": "The duration of the skip link's animations.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-transition-timing-function",
-      "description": "The timing function of the skip link's animations.",
-      "values": []
-    },
     {
       "name": "--forge-theme-primary",
       "description": "The primary color of the slider.",
@@ -2807,6 +2752,61 @@
       "description": "The color of the inactive tick mark container when tick marks are visible.",
       "values": []
     },
+    {
+      "name": "--forge-skip-link-background",
+      "description": "The background color of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-color",
+      "description": "The text color of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-shape",
+      "description": "The border radius of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-inset",
+      "description": "The skip link's inset from the edge of the viewport.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-z-index",
+      "description": "The z-index of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-elevation",
+      "description": "The box shadow of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-padding-block",
+      "description": "The interior padding of the skip link along the block axis.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-padding-inline",
+      "description": "The interior padding of the skip link along the inline axis.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-focus-indicator-color",
+      "description": "The color of the focus indicator.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-transition-duration",
+      "description": "The duration of the skip link's animations.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-transition-timing-function",
+      "description": "The timing function of the skip link's animations.",
+      "values": []
+    },
     {
       "name": "--forge-split-button-min-width",
       "description": "The minimum width of the slotted buttons.",
@@ -5702,15 +5702,6 @@
       "name": "::part(root)",
       "description": "The root element of the skeleton."
     },
-    { "name": "::part(anchor)", "description": "The root anchor element." },
-    {
-      "name": "::part(focus-indicator)",
-      "description": "The focus indicator element."
-    },
-    {
-      "name": "::part(state-layer)",
-      "description": "The state layer element."
-    },
     {
       "name": "::part(slider)",
       "description": "Styles the slider container element."
@@ -5748,6 +5739,15 @@
       "name": "::part(handle-start-label-content)",
       "description": "Styles the start handle label content element."
     },
+    { "name": "::part(anchor)", "description": "The root anchor element." },
+    {
+      "name": "::part(focus-indicator)",
+      "description": "The focus indicator element."
+    },
+    {
+      "name": "::part(state-layer)",
+      "description": "The state layer element."
+    },
     { "name": "::part(root)", "description": "The root container element." },
     { "name": "::part(surface)", "description": "The surface element." },
     {