@tylertech/forge 3.2.0 → 3.3.0

package/custom-elements.json

@@ -14768,6 +14768,15 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "_anchorElement",
@@ -14777,6 +14786,14 @@
               "privacy": "private",
               "default": "getShadowElement(this, SKIP_LINK_CONSTANTS.selectors.ANCHOR)"
             },
+            {
+              "kind": "field",
+              "name": "_clickListener",
+              "type": {
+                "text": "EventListener"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "target",
@@ -14785,7 +14802,8 @@
               },
               "privacy": "public",
               "description": "The IDREF of the element to which the skip link should navigate.",
-              "default": "''"
+              "default": "''",
+              "attribute": "target"
             },
             {
               "kind": "field",
@@ -14795,7 +14813,8 @@
               },
               "privacy": "public",
               "description": "The theme applied to the skip link.",
-              "default": "'default'"
+              "default": "'default'",
+              "attribute": "theme"
             },
             {
               "kind": "field",
@@ -14805,7 +14824,8 @@
               },
               "privacy": "public",
               "description": "Whether or not the skip link uses a muted color scheme.",
-              "default": "false"
+              "default": "false",
+              "attribute": "muted"
             },
             {
               "kind": "field",
@@ -14815,7 +14835,8 @@
               },
               "privacy": "public",
               "description": "Whether or not the skip link should remain visible when not focused.",
-              "default": "false"
+              "default": "false",
+              "attribute": "persistent"
             },
             {
               "kind": "field",
@@ -14825,49 +14846,93 @@
               },
               "privacy": "public",
               "description": "Whether or not the skip link renders within its container.",
-              "default": "false"
+              "default": "false",
+              "attribute": "inline"
+            },
+            {
+              "kind": "field",
+              "name": "skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
+              "default": "false",
+              "attribute": "skipUrlChange"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
             {
+              "name": "target",
               "type": {
                 "text": "string"
               },
               "description": "The IDREF of the element to which the skip link should navigate.",
-              "name": "target",
-              "default": "''"
+              "default": "''",
+              "fieldName": "target"
             },
             {
+              "name": "theme",
               "type": {
                 "text": "SkipLinkTheme"
               },
               "description": "The theme applied to the skip link.",
-              "name": "theme",
-              "default": "'default'"
+              "default": "'default'",
+              "fieldName": "theme"
             },
             {
+              "name": "muted",
               "type": {
                 "text": "boolean"
               },
               "description": "Whether or not the skip link uses a muted color scheme.",
-              "name": "muted",
-              "default": "false"
+              "default": "false",
+              "fieldName": "muted"
             },
             {
+              "name": "persistent",
               "type": {
                 "text": "boolean"
               },
               "description": "Whether or not the skip link should remain visible when not focused.",
-              "name": "persistent",
-              "default": "false"
+              "default": "false",
+              "fieldName": "persistent"
             },
             {
+              "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "description": "Whether or not the skip link renders within its container.",
-              "name": "inline",
-              "default": "false"
+              "default": "false",
+              "fieldName": "inline"
+            },
+            {
+              "name": "skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
+              "default": "false",
+              "fieldName": "skipUrlChange"
             }
           ],
           "superclass": {
@@ -20126,7 +20191,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "description": "The `<a>` target of the logo + title area link when `href` is set."
             }
           ],
           "events": [
@@ -20167,6 +20233,13 @@
               },
               "description": "The href that will be used to make the logo and title area a clickable link",
               "name": "href"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The `<a>` target of the logo + title area link when `href` is set.",
+              "name": "target"
             }
           ],
           "superclass": {
@@ -22182,6 +22255,10 @@
               "description": "The font size of the chip icon.",
               "name": "--forge-chip-icon-font-size"
             },
+            {
+              "description": "The color of the focus indicator.",
+              "name": "--forge-chip-focus-indicator-color"
+            },
             {
               "description": "The opacity of the disabled chip.",
               "name": "--forge-chip-disabled-opacity"
@@ -30355,7 +30432,7 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "The disabled state of the tab.",
+              "description": "The disabled state of the tab. Should not be set if using the disabled property on `forge-tab-bar`.",
               "default": "false"
             },
             {
@@ -30523,7 +30600,7 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "The disabled state of the tab bar.",
+              "description": "Sets the disabled state of all child tabs.  If true, any new tabs added to the DOM will be disabled by default. This can be used instead of setting individual tab disabled properties, mixing the two methods of disabling is not supported.",
               "default": "false"
             },
             {
@@ -31627,7 +31704,7 @@
     },
     "FieldAdapter": {
       "path": "src/lib/field/field-adapter.ts",
-      "lineNumber": 18
+      "lineNumber": 19
     },
     "IFieldCore": {
       "path": "src/lib/field/field-core.ts",
@@ -32415,7 +32492,7 @@
     },
     "SkipLinkTheme": {
       "path": "src/lib/skip-link/skip-link-constants.ts",
-      "lineNumber": 28
+      "lineNumber": 29
     },
     "ISkipLinkComponent": {
       "path": "src/lib/skip-link/skip-link.ts",
@@ -32423,7 +32500,7 @@
     },
     "SkipLinkComponent": {
       "path": "src/lib/skip-link/skip-link.ts",
-      "lineNumber": 62
+      "lineNumber": 51
     },
     "ISliderState": {
       "path": "src/lib/slider/slider-adapter.ts",
@@ -32799,7 +32876,7 @@
     },
     "TextFieldAdapter": {
       "path": "src/lib/text-field/text-field-adapter.ts",
-      "lineNumber": 24
+      "lineNumber": 25
     },
     "TextFieldComponentDelegateProps": {
       "path": "src/lib/text-field/text-field-component-delegate.ts",
@@ -32819,15 +32896,15 @@
     },
     "TextFieldObservedInputAttributes": {
       "path": "src/lib/text-field/text-field-constants.ts",
-      "lineNumber": 43
+      "lineNumber": 45
     },
     "TextFieldInputAttributeObserver": {
       "path": "src/lib/text-field/text-field-constants.ts",
-      "lineNumber": 44
+      "lineNumber": 46
     },
     "TextFieldValueChangeListener": {
       "path": "src/lib/text-field/text-field-constants.ts",
-      "lineNumber": 45
+      "lineNumber": 47
     },
     "ITextFieldCore": {
       "path": "src/lib/text-field/text-field-core.ts",
@@ -33071,7 +33148,7 @@
     },
     "AppBarComponent": {
       "path": "src/lib/app-bar/app-bar/app-bar.ts",
-      "lineNumber": 75
+      "lineNumber": 77
     },
     "IAppBarHelpButtonAdapter": {
       "path": "src/lib/app-bar/help-button/app-bar-help-button-adapter.ts",
@@ -33391,7 +33468,7 @@
     },
     "ChipComponent": {
       "path": "src/lib/chips/chip/chip.ts",
-      "lineNumber": 134
+      "lineNumber": 135
     },
     "IChipSetComponent": {
       "path": "src/lib/chips/chip-set/chip-set.ts",

package/dist/chips/forge-chips.css

@@ -27,6 +27,7 @@
   --_chip-padding-block: var(--forge-chip-padding-block, 0);
   --_chip-cursor: var(--forge-chip-cursor, pointer);
   --_chip-icon-font-size: var(--forge-chip-icon-font-size, 1.5rem);
+  --_chip-focus-indicator-color: var(--forge-chip-focus-indicator-color, var(--_chip-color));
   --_chip-disabled-opacity: var(--forge-chip-disabled-opacity, 0.38);
   --_chip-disabled-cursor: var(--forge-chip-disabled-cursor, not-allowed);
   --_chip-dense-height: var(--forge-chip-dense-height, 24px);

package/dist/field/forge-field.css

@@ -73,6 +73,7 @@
     outline-style: var(--_field-outline-style);
     outline-width: var(--_field-outline-width);
     outline-color: var(--forge-theme-outline-low, #9e9e9e);
+    outline-offset: calc(var(--_field-outline-width) * -1);
     background: var(--_field-background);
     opacity: var(--_field-disableable-opacity);
     cursor: var(--_field-disableable-cursor);
@@ -356,6 +357,7 @@
   }
   .forge-field--invalid.forge-field:has(:where(input, textarea, select, .forge-field__input):focus), .forge-field:has(:where(input, textarea, select, .forge-field__input):invalid).forge-field:has(:where(input, textarea, select, .forge-field__input):focus) {
     --forge-focus-indicator-color: var(--forge-theme-error, #b00020);
+    --forge-focus-indicator-outward-offset: calc(var(--_field-outline-width) * -1);
   }
   .forge-field--invalid label, .forge-field:has(:where(input, textarea, select, .forge-field__input):invalid) label {
     color: var(--forge-theme-error, #b00020);

package/dist/inline-message/forge-inline-message.css

@@ -38,6 +38,7 @@
   border-style: var(--_inline-message-border-style);
   border-color: var(--_inline-message-border-color);
   display: flex;
+  align-items: center;
   gap: var(--_inline-message-icon-gap);
   box-sizing: border-box;
   padding-inline: var(--_inline-message-padding-inline);
@@ -62,5 +63,6 @@
 }
 .forge-inline-message__icon {
   color: var(--_inline-message-icon-color);
+  align-self: start;
   grid-row: 1/span 2;
 }