npm - @genesislcap/foundation-ui - Versions diffs - 14.173.2 → 14.173.3 - Mend

@genesislcap/foundation-ui 14.173.2 → 14.173.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.

Files changed (2) hide show

package/dist/custom-elements.json +1239 -1239
package/package.json +15 -15

package/dist/custom-elements.json CHANGED Viewed

@@ -2030,14 +2030,14 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchor/anchor.styles.ts",
+      "path": "src/anchored-region/anchor-region.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationAnchorStyles",
+          "name": "foundationAnchoredRegionTemplate",
           "return": {
             "type": {
-              "text": "ElementStyles"
+              "text": "ViewTemplate<AnchoredRegion>"
             }
           },
           "parameters": [
@@ -2059,24 +2059,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationAnchorStyles",
+          "name": "foundationAnchoredRegionTemplate",
           "declaration": {
-            "name": "foundationAnchorStyles",
-            "module": "src/anchor/anchor.styles.ts"
+            "name": "foundationAnchoredRegionTemplate",
+            "module": "src/anchored-region/anchor-region.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchor/anchor.template.ts",
+      "path": "src/anchored-region/anchored-region.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "foundationAnchorTemplate",
+          "name": "foundationAnchoredRegionStyles",
           "return": {
             "type": {
-              "text": "ViewTemplate<Anchor>"
+              "text": "ElementStyles"
             }
           },
           "parameters": [
@@ -2098,766 +2098,664 @@
       "exports": [
         {
           "kind": "js",
-          "name": "foundationAnchorTemplate",
+          "name": "foundationAnchoredRegionStyles",
           "declaration": {
-            "name": "foundationAnchorTemplate",
-            "module": "src/anchor/anchor.template.ts"
+            "name": "foundationAnchoredRegionStyles",
+            "module": "src/anchored-region/anchored-region.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchor/anchor.ts",
+      "path": "src/anchored-region/anchored-region.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Anchor",
+          "name": "AnchoredRegion",
           "superclass": {
-            "name": "FASTAnchor",
+            "name": "FASTAnchoredRegion",
             "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-anchor",
+          "tagName": "%%prefix%%-anchored-region",
           "customElement": true,
           "attributes": [
             {
-              "name": "download",
+              "name": "anchor",
               "type": {
                 "text": "string"
               },
-              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "download",
+              "default": "\"\"",
+              "description": "The HTML ID of the anchor element this region is positioned relative to",
+              "fieldName": "anchor",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "href",
+              "name": "viewport",
               "type": {
                 "text": "string"
               },
-              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "href",
+              "default": "\"\"",
+              "description": "The HTML ID of the viewport element this region is positioned relative to",
+              "fieldName": "viewport",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "hreflang",
+              "name": "horizontal-positioning-mode",
               "type": {
-                "text": "string"
+                "text": "AxisPositioningMode"
               },
-              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "hreflang",
+              "default": "\"uncontrolled\"",
+              "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
+              "fieldName": "horizontalPositioningMode",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "ping",
+              "name": "horizontal-default-position",
               "type": {
-                "text": "string"
+                "text": "HorizontalPosition"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "ping",
+              "default": "\"unset\"",
+              "description": "The default horizontal position of the region relative to the anchor element",
+              "fieldName": "horizontalDefaultPosition",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "referrerpolicy",
+              "name": "horizontal-viewport-lock",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "referrerpolicy",
+              "default": "false",
+              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
+              "fieldName": "horizontalViewportLock",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "rel",
+              "name": "horizontal-inset",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "rel",
+              "default": "false",
+              "description": "Whether the region overlaps the anchor on the horizontal axis",
+              "fieldName": "horizontalInset",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "target",
+              "name": "horizontal-threshold",
               "type": {
-                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+                "text": "number"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "target",
+              "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
+              "fieldName": "horizontalThreshold",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "type",
+              "name": "horizontal-scaling",
               "type": {
-                "text": "string"
+                "text": "AxisScalingMode"
               },
-              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
-              "fieldName": "type",
+              "default": "\"content\"",
+              "description": "Defines how the width of the region is calculated",
+              "fieldName": "horizontalScaling",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
-            }
-          ],
-          "members": [
+            },
             {
-              "kind": "field",
-              "name": "download",
+              "name": "vertical-positioning-mode",
               "type": {
-                "text": "string"
+                "text": "AxisPositioningMode"
               },
-              "privacy": "public",
-              "description": "Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "default": "\"uncontrolled\"",
+              "description": "Sets what logic the component uses to determine vertical placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the vertical axis",
+              "fieldName": "verticalPositioningMode",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "href",
+              "name": "vertical-default-position",
               "type": {
-                "text": "string"
+                "text": "VerticalPosition"
               },
-              "privacy": "public",
-              "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "default": "\"unset\"",
+              "description": "The default vertical position of the region relative to the anchor element",
+              "fieldName": "verticalDefaultPosition",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "hreflang",
+              "name": "vertical-viewport-lock",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "default": "false",
+              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
+              "fieldName": "verticalViewportLock",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "ping",
+              "name": "vertical-inset",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "default": "false",
+              "description": "Whether the region overlaps the anchor on the vertical axis",
+              "fieldName": "verticalInset",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "referrerpolicy",
+              "name": "vertical-threshold",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
+              "fieldName": "verticalThreshold",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "rel",
+              "name": "vertical-scaling",
               "type": {
-                "text": "string"
+                "text": "AxisScalingMode"
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "default": "\"content\"",
+              "description": "Defines how the height of the region is calculated",
+              "fieldName": "verticalScaling",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "target",
+              "name": "fixed-placement",
               "type": {
-                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "default": "false",
+              "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
+              "fieldName": "fixedPlacement",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "type",
+              "name": "auto-update-mode",
               "type": {
-                "text": "string"
+                "text": "AutoUpdateMode"
               },
-              "privacy": "public",
-              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
+              "default": "\"anchor\"",
+              "description": "Defines what triggers the anchored region to revaluate positioning",
+              "fieldName": "autoUpdateMode",
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "control",
+              "name": "anchor",
               "type": {
-                "text": "HTMLAnchorElement | undefined"
+                "text": "string"
               },
               "privacy": "public",
-              "description": "References the root element",
-              "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+              "default": "\"\"",
+              "description": "The HTML ID of the anchor element this region is positioned relative to",
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "anchorChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "field",
-              "name": "handleUnsupportedDelegatesFocus",
+              "name": "viewport",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "\"\"",
+              "description": "The HTML ID of the viewport element this region is positioned relative to",
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "viewportChanged",
               "privacy": "private",
-              "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "Anchor",
-                "module": "src/anchor/anchor.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "field",
-              "name": "_presentation",
+              "name": "horizontalPositioningMode",
               "type": {
-                "text": "ComponentPresentation | null | undefined"
+                "text": "AxisPositioningMode"
               },
+              "privacy": "public",
+              "default": "\"uncontrolled\"",
+              "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "horizontalPositioningModeChanged",
               "privacy": "private",
-              "default": "void 0",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "field",
-              "name": "$presentation",
+              "name": "horizontalDefaultPosition",
               "type": {
-                "text": "ComponentPresentation | null"
+                "text": "HorizontalPosition"
               },
               "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "default": "\"unset\"",
+              "description": "The default horizontal position of the region relative to the anchor element",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "horizontalDefaultPositionChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "horizontalViewportLock",
               "type": {
-                "text": "ElementViewTemplate | void | null"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "default": "false",
+              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
+              "name": "horizontalViewportLockChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "horizontalInset",
               "type": {
-                "text": "ElementStyles | void | null"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "default": "false",
+              "description": "Whether the region overlaps the anchor on the horizontal axis",
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
+              "name": "horizontalInsetChanged",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "horizontalThreshold",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
               "kind": "method",
-              "name": "compose",
+              "name": "horizontalThresholdChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "horizontalScaling",
+              "type": {
+                "text": "AxisScalingMode"
+              },
               "privacy": "public",
-              "static": true,
+              "default": "\"content\"",
+              "description": "Defines how the width of the region is calculated",
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "horizontalScalingChanged",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                  "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "this",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "elementDefinition",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "verticalPositioningMode",
+              "type": {
+                "text": "AxisPositioningMode"
+              },
+              "privacy": "public",
+              "default": "\"uncontrolled\"",
+              "description": "Sets what logic the component uses to determine vertical placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the vertical axis",
+              "inheritedFrom": {
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "verticalPositioningModeChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
+              },
               "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAnchorShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultAnchorConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationAnchor",
-          "description": "The Foundation Anchor",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Anchor",
-          "declaration": {
-            "name": "Anchor",
-            "module": "src/anchor/anchor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAnchorShadowOptions",
-          "declaration": {
-            "name": "foundationAnchorShadowOptions",
-            "module": "src/anchor/anchor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultAnchorConfig",
-          "declaration": {
-            "name": "defaultAnchorConfig",
-            "module": "src/anchor/anchor.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foundationAnchor",
-          "declaration": {
-            "name": "foundationAnchor",
-            "module": "src/anchor/anchor.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchor/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./anchor.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./anchor.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./anchor"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchored-region/anchor-region.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAnchoredRegionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<AnchoredRegion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAnchoredRegionTemplate",
-          "declaration": {
-            "name": "foundationAnchoredRegionTemplate",
-            "module": "src/anchored-region/anchor-region.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchored-region/anchored-region.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "foundationAnchoredRegionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
+                "name": "AnchoredRegion",
+                "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationAnchoredRegionStyles",
-          "declaration": {
-            "name": "foundationAnchoredRegionStyles",
-            "module": "src/anchored-region/anchored-region.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/anchored-region/anchored-region.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AnchoredRegion",
-          "superclass": {
-            "name": "FASTAnchoredRegion",
-            "package": "@microsoft/fast-components"
-          },
-          "tagName": "%%prefix%%-anchored-region",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "anchor",
+              "kind": "field",
+              "name": "verticalDefaultPosition",
               "type": {
-                "text": "string"
+                "text": "VerticalPosition"
               },
-              "default": "\"\"",
-              "description": "The HTML ID of the anchor element this region is positioned relative to",
-              "fieldName": "anchor",
+              "privacy": "public",
+              "default": "\"unset\"",
+              "description": "The default vertical position of the region relative to the anchor element",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "viewport",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "verticalDefaultPositionChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "\"\"",
-              "description": "The HTML ID of the viewport element this region is positioned relative to",
-              "fieldName": "viewport",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "horizontal-positioning-mode",
+              "kind": "field",
+              "name": "verticalViewportLock",
               "type": {
-                "text": "AxisPositioningMode"
+                "text": "boolean"
               },
-              "default": "\"uncontrolled\"",
-              "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
-              "fieldName": "horizontalPositioningMode",
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "horizontal-default-position",
-              "type": {
-                "text": "HorizontalPosition"
+              "kind": "method",
+              "name": "verticalViewportLockChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "\"unset\"",
-              "description": "The default horizontal position of the region relative to the anchor element",
-              "fieldName": "horizontalDefaultPosition",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "horizontal-viewport-lock",
+              "kind": "field",
+              "name": "verticalInset",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "public",
               "default": "false",
-              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
-              "fieldName": "horizontalViewportLock",
+              "description": "Whether the region overlaps the anchor on the vertical axis",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "horizontal-inset",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "verticalInsetChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "false",
-              "description": "Whether the region overlaps the anchor on the horizontal axis",
-              "fieldName": "horizontalInset",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "horizontal-threshold",
+              "kind": "field",
+              "name": "verticalThreshold",
               "type": {
                 "text": "number"
               },
-              "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
-              "fieldName": "horizontalThreshold",
+              "privacy": "public",
+              "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "horizontal-scaling",
-              "type": {
-                "text": "AxisScalingMode"
+              "kind": "method",
+              "name": "verticalThresholdChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "\"content\"",
-              "description": "Defines how the width of the region is calculated",
-              "fieldName": "horizontalScaling",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "vertical-positioning-mode",
+              "kind": "field",
+              "name": "verticalScaling",
               "type": {
-                "text": "AxisPositioningMode"
+                "text": "AxisScalingMode"
               },
-              "default": "\"uncontrolled\"",
-              "description": "Sets what logic the component uses to determine vertical placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the vertical axis",
-              "fieldName": "verticalPositioningMode",
+              "privacy": "public",
+              "default": "\"content\"",
+              "description": "Defines how the height of the region is calculated",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "vertical-default-position",
-              "type": {
-                "text": "VerticalPosition"
-              },
-              "default": "\"unset\"",
-              "description": "The default vertical position of the region relative to the anchor element",
-              "fieldName": "verticalDefaultPosition",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "name": "vertical-viewport-lock",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "verticalScalingChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "false",
-              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
-              "fieldName": "verticalViewportLock",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "vertical-inset",
+              "kind": "field",
+              "name": "fixedPlacement",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "public",
               "default": "false",
-              "description": "Whether the region overlaps the anchor on the vertical axis",
-              "fieldName": "verticalInset",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "name": "vertical-threshold",
-              "type": {
-                "text": "number"
-              },
-              "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
-              "fieldName": "verticalThreshold",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "name": "vertical-scaling",
-              "type": {
-                "text": "AxisScalingMode"
-              },
-              "default": "\"content\"",
-              "description": "Defines how the height of the region is calculated",
-              "fieldName": "verticalScaling",
+              "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "fixed-placement",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "fixedPlacementChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "false",
-              "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
-              "fieldName": "fixedPlacement",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "name": "auto-update-mode",
+              "kind": "field",
+              "name": "autoUpdateMode",
               "type": {
                 "text": "AutoUpdateMode"
               },
+              "privacy": "public",
               "default": "\"anchor\"",
               "description": "Defines what triggers the anchored region to revaluate positioning",
-              "fieldName": "autoUpdateMode",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "anchor",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "\"\"",
-              "description": "The HTML ID of the anchor element this region is positioned relative to",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -2865,13 +2763,27 @@
             },
             {
               "kind": "method",
-              "name": "anchorChanged",
+              "name": "autoUpdateModeChanged",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "prevMode",
+                  "type": {
+                    "text": "AutoUpdateMode"
+                  }
+                },
+                {
+                  "name": "newMode",
+                  "type": {
+                    "text": "AutoUpdateMode"
+                  }
+                }
+              ],
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -2879,13 +2791,13 @@
             },
             {
               "kind": "field",
-              "name": "viewport",
+              "name": "anchorElement",
               "type": {
-                "text": "string"
+                "text": "HTMLElement | null"
               },
               "privacy": "public",
-              "default": "\"\"",
-              "description": "The HTML ID of the viewport element this region is positioned relative to",
+              "default": "null",
+              "description": "The HTML element being used as the anchor",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -2893,7 +2805,7 @@
             },
             {
               "kind": "method",
-              "name": "viewportChanged",
+              "name": "anchorElementChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -2907,13 +2819,13 @@
             },
             {
               "kind": "field",
-              "name": "horizontalPositioningMode",
+              "name": "viewportElement",
               "type": {
-                "text": "AxisPositioningMode"
+                "text": "HTMLElement | null"
               },
               "privacy": "public",
-              "default": "\"uncontrolled\"",
-              "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
+              "default": "null",
+              "description": "The HTML element being used as the viewport",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -2921,7 +2833,7 @@
             },
             {
               "kind": "method",
-              "name": "horizontalPositioningModeChanged",
+              "name": "viewportElementChanged",
               "privacy": "private",
               "return": {
                 "type": {
@@ -2935,27 +2847,25 @@
             },
             {
               "kind": "field",
-              "name": "horizontalDefaultPosition",
+              "name": "verticalPosition",
               "type": {
-                "text": "HorizontalPosition"
+                "text": "AnchoredRegionPositionLabel | undefined"
               },
               "privacy": "public",
-              "default": "\"unset\"",
-              "description": "The default horizontal position of the region relative to the anchor element",
+              "description": "indicates the current horizontal position of the region",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "horizontalDefaultPositionChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "horizontalPosition",
+              "type": {
+                "text": "AnchoredRegionPositionLabel | undefined"
               },
+              "privacy": "public",
+              "description": "indicates the current vertical position of the region",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -2963,27 +2873,24 @@
             },
             {
               "kind": "field",
-              "name": "horizontalViewportLock",
+              "name": "translateX",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
+              "privacy": "private",
+              "description": "values to be applied to the component's transform on render",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "horizontalViewportLockChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "translateY",
+              "type": {
+                "text": "number"
               },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -2991,27 +2898,24 @@
             },
             {
               "kind": "field",
-              "name": "horizontalInset",
+              "name": "regionWidth",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the region overlaps the anchor on the horizontal axis",
+              "privacy": "private",
+              "description": "the span to be applied to the region on each axis",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "horizontalInsetChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "regionHeight",
+              "type": {
+                "text": "string"
               },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3019,26 +2923,24 @@
             },
             {
               "kind": "field",
-              "name": "horizontalThreshold",
+              "name": "resizeDetector",
               "type": {
-                "text": "number"
+                "text": "ResizeObserverClassDefinition | null"
               },
-              "privacy": "public",
-              "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
+              "privacy": "private",
+              "default": "null",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "horizontalThresholdChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "viewportRect",
+              "type": {
+                "text": "ClientRect | DOMRect | undefined"
               },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3046,27 +2948,23 @@
             },
             {
               "kind": "field",
-              "name": "horizontalScaling",
+              "name": "anchorRect",
               "type": {
-                "text": "AxisScalingMode"
+                "text": "ClientRect | DOMRect | undefined"
               },
-              "privacy": "public",
-              "default": "\"content\"",
-              "description": "Defines how the width of the region is calculated",
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "horizontalScalingChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "regionRect",
+              "type": {
+                "text": "ClientRect | DOMRect | undefined"
               },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3074,27 +2972,26 @@
             },
             {
               "kind": "field",
-              "name": "verticalPositioningMode",
+              "name": "baseHorizontalOffset",
               "type": {
-                "text": "AxisPositioningMode"
+                "text": "number"
               },
-              "privacy": "public",
-              "default": "\"uncontrolled\"",
-              "description": "Sets what logic the component uses to determine vertical placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the vertical axis",
+              "privacy": "private",
+              "default": "0",
+              "description": "base offsets between the positioner's base position and the anchor's",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "verticalPositioningModeChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "baseVerticalOffset",
+              "type": {
+                "text": "number"
               },
+              "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3102,27 +2999,12 @@
             },
             {
               "kind": "field",
-              "name": "verticalDefaultPosition",
+              "name": "pendingPositioningUpdate",
               "type": {
-                "text": "VerticalPosition"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "default": "\"unset\"",
-              "description": "The default vertical position of the region relative to the anchor element",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "verticalDefaultPositionChanged",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "default": "false",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3130,27 +3012,24 @@
             },
             {
               "kind": "field",
-              "name": "verticalViewportLock",
+              "name": "pendingReset",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
+              "privacy": "private",
               "default": "false",
-              "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "verticalViewportLockChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "currentDirection",
+              "type": {
+                "text": "Direction"
               },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3158,27 +3037,25 @@
             },
             {
               "kind": "field",
-              "name": "verticalInset",
+              "name": "regionVisible",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
+              "privacy": "private",
               "default": "false",
-              "description": "Whether the region overlaps the anchor on the vertical axis",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "verticalInsetChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "forceUpdate",
+              "type": {
+                "text": "boolean"
               },
+              "privacy": "private",
+              "default": "false",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3186,26 +3063,26 @@
             },
             {
               "kind": "field",
-              "name": "verticalThreshold",
+              "name": "updateThreshold",
               "type": {
                 "text": "number"
               },
-              "privacy": "public",
-              "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
+              "privacy": "private",
+              "default": "0.5",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "verticalThresholdChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "intersectionService",
+              "type": {
+                "text": "IntersectionService"
               },
+              "privacy": "private",
+              "static": true,
+              "default": "new IntersectionService()",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3213,13 +3090,9 @@
             },
             {
               "kind": "field",
-              "name": "verticalScaling",
-              "type": {
-                "text": "AxisScalingMode"
-              },
+              "name": "update",
               "privacy": "public",
-              "default": "\"content\"",
-              "description": "Defines how the height of the region is calculated",
+              "description": "update position",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3227,27 +3100,14 @@
             },
             {
               "kind": "method",
-              "name": "verticalScalingChanged",
+              "name": "disconnectResizeDetector",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fixedPlacement",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
+              "description": "destroys the instance's resize observer",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3255,27 +3115,14 @@
             },
             {
               "kind": "method",
-              "name": "fixedPlacementChanged",
+              "name": "initializeResizeDetector",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "autoUpdateMode",
-              "type": {
-                "text": "AutoUpdateMode"
-              },
-              "privacy": "public",
-              "default": "\"anchor\"",
-              "description": "Defines what triggers the anchored region to revaluate positioning",
+              "description": "initializes the instance's resize observer",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3283,41 +3130,14 @@
             },
             {
               "kind": "method",
-              "name": "autoUpdateModeChanged",
+              "name": "updateForAttributeChange",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "prevMode",
-                  "type": {
-                    "text": "AutoUpdateMode"
-                  }
-                },
-                {
-                  "name": "newMode",
-                  "type": {
-                    "text": "AutoUpdateMode"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "anchorElement",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "privacy": "public",
-              "default": "null",
-              "description": "The HTML element being used as the anchor",
+              "description": "react to attribute changes that don't require a reset",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3325,27 +3145,29 @@
             },
             {
               "kind": "method",
-              "name": "anchorElementChanged",
+              "name": "initialize",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "fully initializes the component",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "viewportElement",
-              "type": {
-                "text": "HTMLElement | null"
+              "kind": "method",
+              "name": "requestReset",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "default": "null",
-              "description": "The HTML element being used as the viewport",
+              "description": "Request a reset if there are currently no open requests",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3353,13 +3175,14 @@
             },
             {
               "kind": "method",
-              "name": "viewportElementChanged",
+              "name": "setInitialState",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "description": "sets the starting configuration for component internal values",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3367,12 +3190,9 @@
             },
             {
               "kind": "field",
-              "name": "verticalPosition",
-              "type": {
-                "text": "AnchoredRegionPositionLabel | undefined"
-              },
-              "privacy": "public",
-              "description": "indicates the current horizontal position of the region",
+              "name": "startObservers",
+              "privacy": "private",
+              "description": "starts observers",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3380,12 +3200,9 @@
             },
             {
               "kind": "field",
-              "name": "horizontalPosition",
-              "type": {
-                "text": "AnchoredRegionPositionLabel | undefined"
-              },
-              "privacy": "public",
-              "description": "indicates the current vertical position of the region",
+              "name": "requestPositionUpdates",
+              "privacy": "private",
+              "description": "get position updates",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3393,12 +3210,9 @@
             },
             {
               "kind": "field",
-              "name": "translateX",
-              "type": {
-                "text": "number"
-              },
+              "name": "stopObservers",
               "privacy": "private",
-              "description": "values to be applied to the component's transform on render",
+              "description": "stops observers",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3406,11 +3220,9 @@
             },
             {
               "kind": "field",
-              "name": "translateY",
-              "type": {
-                "text": "number"
-              },
+              "name": "getViewport",
               "privacy": "private",
+              "description": "Gets the viewport element by id, or defaults to document root",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3418,12 +3230,9 @@
             },
             {
               "kind": "field",
-              "name": "regionWidth",
-              "type": {
-                "text": "string"
-              },
+              "name": "getAnchor",
               "privacy": "private",
-              "description": "the span to be applied to the region on each axis",
+              "description": "Gets the anchor element by id",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3431,11 +3240,9 @@
             },
             {
               "kind": "field",
-              "name": "regionHeight",
-              "type": {
-                "text": "string"
-              },
+              "name": "handleIntersection",
               "privacy": "private",
+              "description": "Handle intersections",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3443,12 +3250,9 @@
             },
             {
               "kind": "field",
-              "name": "resizeDetector",
-              "type": {
-                "text": "ResizeObserverClassDefinition | null"
-              },
+              "name": "applyIntersectionEntries",
               "privacy": "private",
-              "default": "null",
+              "description": "iterate through intersection entries and apply data",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3456,11 +3260,9 @@
             },
             {
               "kind": "field",
-              "name": "viewportRect",
-              "type": {
-                "text": "ClientRect | DOMRect | undefined"
-              },
+              "name": "updateRegionOffset",
               "privacy": "private",
+              "description": "Update the offset values",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3468,11 +3270,9 @@
             },
             {
               "kind": "field",
-              "name": "anchorRect",
-              "type": {
-                "text": "ClientRect | DOMRect | undefined"
-              },
+              "name": "isRectDifferent",
               "privacy": "private",
+              "description": "compare rects to see if there is enough change to justify a DOM update",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3480,11 +3280,9 @@
             },
             {
               "kind": "field",
-              "name": "regionRect",
-              "type": {
-                "text": "ClientRect | DOMRect | undefined"
-              },
+              "name": "handleResize",
               "privacy": "private",
+              "description": "Handle resize events",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3492,13 +3290,9 @@
             },
             {
               "kind": "field",
-              "name": "baseHorizontalOffset",
-              "type": {
-                "text": "number"
-              },
+              "name": "reset",
               "privacy": "private",
-              "default": "0",
-              "description": "base offsets between the positioner's base position and the anchor's",
+              "description": "resets the component",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3506,12 +3300,9 @@
             },
             {
               "kind": "field",
-              "name": "baseVerticalOffset",
-              "type": {
-                "text": "number"
-              },
+              "name": "updateLayout",
               "privacy": "private",
-              "default": "0",
+              "description": "Recalculate layout related state values",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3519,12 +3310,9 @@
             },
             {
               "kind": "field",
-              "name": "pendingPositioningUpdate",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "updateRegionStyle",
               "privacy": "private",
-              "default": "false",
+              "description": "Updates the style string applied to the region element as well as the css classes attached\nto the root element",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3532,12 +3320,9 @@
             },
             {
               "kind": "field",
-              "name": "pendingReset",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "updatePositionClasses",
               "privacy": "private",
-              "default": "false",
+              "description": "Updates the css classes that reflect the current position of the element",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3545,11 +3330,9 @@
             },
             {
               "kind": "field",
-              "name": "currentDirection",
-              "type": {
-                "text": "Direction"
-              },
+              "name": "setHorizontalPosition",
               "privacy": "private",
+              "description": "Get horizontal positioning state based on desired position",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3557,12 +3340,9 @@
             },
             {
               "kind": "field",
-              "name": "regionVisible",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "setVerticalPosition",
               "privacy": "private",
-              "default": "false",
+              "description": "Set vertical positioning state based on desired position",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3570,12 +3350,9 @@
             },
             {
               "kind": "field",
-              "name": "forceUpdate",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "getPositioningOptions",
               "privacy": "private",
-              "default": "false",
+              "description": "Get available positions based on positioning mode",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3583,12 +3360,9 @@
             },
             {
               "kind": "field",
-              "name": "updateThreshold",
-              "type": {
-                "text": "number"
-              },
+              "name": "getAvailableSpace",
               "privacy": "private",
-              "default": "0.5",
+              "description": "Get the space available for a particular relative position",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3596,13 +3370,9 @@
             },
             {
               "kind": "field",
-              "name": "intersectionService",
-              "type": {
-                "text": "IntersectionService"
-              },
+              "name": "getNextRegionDimension",
               "privacy": "private",
-              "static": true,
-              "default": "new IntersectionService()",
+              "description": "Get region dimensions",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
@@ -3610,312 +3380,560 @@
             },
             {
               "kind": "field",
-              "name": "update",
-              "privacy": "public",
-              "description": "update position",
+              "name": "startAutoUpdateEventListeners",
+              "privacy": "private",
+              "description": "starts event listeners that can trigger auto updating",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "disconnectResizeDetector",
+              "kind": "field",
+              "name": "stopAutoUpdateEventListeners",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "destroys the instance's resize observer",
+              "description": "stops event listeners that can trigger auto updating",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "initializeResizeDetector",
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
               },
-              "description": "initializes the instance's resize observer",
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "updateForAttributeChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
               },
-              "description": "react to attribute changes that don't require a reset",
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "initialize",
-              "privacy": "private",
+              "name": "templateChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "fully initializes the component",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "requestReset",
-              "privacy": "private",
+              "name": "stylesChanged",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Request a reset if there are currently no open requests",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
             },
             {
               "kind": "method",
-              "name": "setInitialState",
-              "privacy": "private",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
                 }
               },
-              "description": "sets the starting configuration for component internal values",
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
               }
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "startObservers",
-              "privacy": "private",
-              "description": "starts observers",
+              "description": "Fires a custom 'loaded' event when the region is loaded and visible",
+              "name": "loaded",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "requestPositionUpdates",
-              "privacy": "private",
-              "description": "get position updates",
+              "description": "Fires a custom 'positionchange' event when the position has changed",
+              "name": "positionchange",
               "inheritedFrom": {
                 "name": "AnchoredRegion",
                 "module": "src/anchored-region/anchored-region.ts"
               }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAnchoredRegionShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "{\n  delegatesFocus: true,\n  mode: 'open',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultAnchoredRegionConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationAnchoredRegion",
+          "description": "The Foundation Anchored Region",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AnchoredRegion",
+          "declaration": {
+            "name": "AnchoredRegion",
+            "module": "src/anchored-region/anchored-region.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAnchoredRegionShadowOptions",
+          "declaration": {
+            "name": "foundationAnchoredRegionShadowOptions",
+            "module": "src/anchored-region/anchored-region.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultAnchoredRegionConfig",
+          "declaration": {
+            "name": "defaultAnchoredRegionConfig",
+            "module": "src/anchored-region/anchored-region.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foundationAnchoredRegion",
+          "declaration": {
+            "name": "foundationAnchoredRegion",
+            "module": "src/anchored-region/anchored-region.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchored-region/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./anchor-region.template"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./anchored-region.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./anchored-region"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchor/anchor.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAnchorStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
             },
             {
-              "kind": "field",
-              "name": "stopObservers",
-              "privacy": "private",
-              "description": "stops observers",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAnchorStyles",
+          "declaration": {
+            "name": "foundationAnchorStyles",
+            "module": "src/anchor/anchor.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchor/anchor.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "foundationAnchorTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Anchor>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
               }
             },
             {
-              "kind": "field",
-              "name": "getViewport",
-              "privacy": "private",
-              "description": "Gets the viewport element by id, or defaults to document root",
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "foundationAnchorTemplate",
+          "declaration": {
+            "name": "foundationAnchorTemplate",
+            "module": "src/anchor/anchor.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/anchor/anchor.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Anchor",
+          "superclass": {
+            "name": "FASTAnchor",
+            "package": "@microsoft/fast-components"
+          },
+          "tagName": "%%prefix%%-anchor",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "download",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "getAnchor",
-              "privacy": "private",
-              "description": "Gets the anchor element by id",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "href",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleIntersection",
-              "privacy": "private",
-              "description": "Handle intersections",
+              "name": "hreflang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "hreflang",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "applyIntersectionEntries",
-              "privacy": "private",
-              "description": "iterate through intersection entries and apply data",
+              "name": "ping",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "ping",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "updateRegionOffset",
-              "privacy": "private",
-              "description": "Update the offset values",
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "referrerpolicy",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "isRectDifferent",
-              "privacy": "private",
-              "description": "compare rects to see if there is enough change to justify a DOM update",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "rel",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "handleResize",
-              "privacy": "private",
-              "description": "Handle resize events",
+              "name": "target",
+              "type": {
+                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "target",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "reset",
-              "privacy": "private",
-              "description": "resets the component",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.",
+              "fieldName": "type",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
-            },
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "updateLayout",
-              "privacy": "private",
-              "description": "Recalculate layout related state values",
+              "name": "download",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "updateRegionStyle",
-              "privacy": "private",
-              "description": "Updates the style string applied to the region element as well as the css classes attached\nto the root element",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "updatePositionClasses",
-              "privacy": "private",
-              "description": "Updates the css classes that reflect the current position of the element",
+              "name": "hreflang",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "setHorizontalPosition",
-              "privacy": "private",
-              "description": "Get horizontal positioning state based on desired position",
+              "name": "ping",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "setVerticalPosition",
-              "privacy": "private",
-              "description": "Set vertical positioning state based on desired position",
+              "name": "referrerpolicy",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "getPositioningOptions",
-              "privacy": "private",
-              "description": "Get available positions based on positioning mode",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "getAvailableSpace",
-              "privacy": "private",
-              "description": "Get the space available for a particular relative position",
+              "name": "target",
+              "type": {
+                "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "getNextRegionDimension",
-              "privacy": "private",
-              "description": "Get region dimensions",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "startAutoUpdateEventListeners",
-              "privacy": "private",
-              "description": "starts event listeners that can trigger auto updating",
+              "name": "control",
+              "type": {
+                "text": "HTMLAnchorElement | undefined"
+              },
+              "privacy": "public",
+              "description": "References the root element",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
               "kind": "field",
-              "name": "stopAutoUpdateEventListeners",
+              "name": "handleUnsupportedDelegatesFocus",
               "privacy": "private",
-              "description": "stops event listeners that can trigger auto updating",
+              "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
               "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
+                "name": "Anchor",
+                "module": "src/anchor/anchor.ts"
               }
             },
             {
@@ -4029,29 +4047,11 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ],
-          "events": [
-            {
-              "description": "Fires a custom 'loaded' event when the region is loaded and visible",
-              "name": "loaded",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            },
-            {
-              "description": "Fires a custom 'positionchange' event when the position has changed",
-              "name": "positionchange",
-              "inheritedFrom": {
-                "name": "AnchoredRegion",
-                "module": "src/anchored-region/anchored-region.ts"
-              }
-            }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationAnchoredRegionShadowOptions",
+          "name": "foundationAnchorShadowOptions",
           "type": {
             "text": "ShadowRootInit"
           },
@@ -4059,7 +4059,7 @@
         },
         {
           "kind": "variable",
-          "name": "defaultAnchoredRegionConfig",
+          "name": "defaultAnchorConfig",
           "type": {
             "text": "object"
           },
@@ -4067,49 +4067,49 @@
         },
         {
           "kind": "variable",
-          "name": "foundationAnchoredRegion",
-          "description": "The Foundation Anchored Region",
+          "name": "foundationAnchor",
+          "description": "The Foundation Anchor",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AnchoredRegion",
+          "name": "Anchor",
           "declaration": {
-            "name": "AnchoredRegion",
-            "module": "src/anchored-region/anchored-region.ts"
+            "name": "Anchor",
+            "module": "src/anchor/anchor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationAnchoredRegionShadowOptions",
+          "name": "foundationAnchorShadowOptions",
           "declaration": {
-            "name": "foundationAnchoredRegionShadowOptions",
-            "module": "src/anchored-region/anchored-region.ts"
+            "name": "foundationAnchorShadowOptions",
+            "module": "src/anchor/anchor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultAnchoredRegionConfig",
+          "name": "defaultAnchorConfig",
           "declaration": {
-            "name": "defaultAnchoredRegionConfig",
-            "module": "src/anchored-region/anchored-region.ts"
+            "name": "defaultAnchorConfig",
+            "module": "src/anchor/anchor.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationAnchoredRegion",
+          "name": "foundationAnchor",
           "declaration": {
-            "name": "foundationAnchoredRegion",
-            "module": "src/anchored-region/anchored-region.ts"
+            "name": "foundationAnchor",
+            "module": "src/anchor/anchor.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/anchored-region/index.ts",
+      "path": "src/anchor/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -4117,7 +4117,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./anchor-region.template"
+            "package": "./anchor.template"
           }
         },
         {
@@ -4125,7 +4125,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./anchored-region.styles"
+            "package": "./anchor.styles"
           }
         },
         {
@@ -4133,7 +4133,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./anchored-region"
+            "package": "./anchor"
           }
         }
       ]
@@ -17991,83 +17991,194 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.styles.ts",
+      "path": "src/flipper/flipper.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationFlexLayoutStyles",
-          "type": {
-            "text": "ElementStyles"
+          "kind": "function",
+          "name": "foundationFlipperStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
           },
-          "default": "css`\n  :host {\n    width: 100%;\n    height: 100%;\n  }\n\n  slot {\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n\n  ${flexLayoutRWDStyles()}\n  ${flexLayoutRWDStyles('lg')}\n  ${flexLayoutRWDStyles('md')}\n  ${flexLayoutRWDStyles('sm')}\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FlipperOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlexLayoutStyles",
+          "name": "foundationFlipperStyles",
           "declaration": {
-            "name": "foundationFlexLayoutStyles",
-            "module": "src/flex-layout/flex-layout.styles.ts"
+            "name": "foundationFlipperStyles",
+            "module": "src/flipper/flipper.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.template.ts",
+      "path": "src/flipper/flipper.template.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "foundationFlexLayoutTemplate",
-          "type": {
-            "text": "ViewTemplate<FlexLayout>"
+          "kind": "function",
+          "name": "foundationFlipperTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Flipper>"
+            }
           },
-          "default": "html`\n  <template>\n    <slot></slot>\n  </template>\n`"
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FlipperOptions"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlexLayoutTemplate",
+          "name": "foundationFlipperTemplate",
           "declaration": {
-            "name": "foundationFlexLayoutTemplate",
-            "module": "src/flex-layout/flex-layout.template.ts"
+            "name": "foundationFlipperTemplate",
+            "module": "src/flipper/flipper.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.ts",
+      "path": "src/flipper/flipper.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationFlexLayoutShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultFlexLayoutConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "FlexLayout",
+          "name": "Flipper",
           "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
+            "name": "FASTFlipper",
+            "package": "@microsoft/fast-components"
           },
-          "tagName": "%%prefix%%-flex-layout",
+          "tagName": "%%prefix%%-flipper",
           "customElement": true,
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The disabled state of the flipper.",
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "name": "aria-hidden",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
+              "fieldName": "hiddenFromAT",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "FlipperDirection"
+              },
+              "description": "The direction that the flipper implies navigating.",
+              "fieldName": "direction",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            }
+          ],
           "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "The disabled state of the flipper.",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hiddenFromAT",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "true",
+              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "direction",
+              "type": {
+                "text": "FlipperDirection"
+              },
+              "privacy": "public",
+              "description": "The direction that the flipper implies navigating.",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "keyupHandler",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event & KeyboardEvent"
+                  },
+                  "description": "Keyboard event"
+                }
+              ],
+              "description": "Simulate a click event when the flipper has focus and the user hits enter or space keys\nBlur focus if the user hits escape key",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -18179,59 +18290,79 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
+          ],
+          "events": [
+            {
+              "description": "Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies.",
+              "name": "click",
+              "inheritedFrom": {
+                "name": "Flipper",
+                "module": "src/flipper/flipper.ts"
+              }
+            }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationFlexLayout",
-          "description": "The Foundation Flex Layout",
+          "name": "foundationFlipperShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultFlipperConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{\n  next: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n      />\n    </svg>\n  `,\n  previous: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z\"\n      />\n    </svg>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "foundationFlipper",
+          "description": "The Foundation Flipper",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlexLayoutShadowOptions",
+          "name": "Flipper",
           "declaration": {
-            "name": "foundationFlexLayoutShadowOptions",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "Flipper",
+            "module": "src/flipper/flipper.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultFlexLayoutConfig",
+          "name": "foundationFlipperShadowOptions",
           "declaration": {
-            "name": "defaultFlexLayoutConfig",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "foundationFlipperShadowOptions",
+            "module": "src/flipper/flipper.ts"
           }
         },
         {
           "kind": "js",
-          "name": "FlexLayout",
+          "name": "defaultFlipperConfig",
           "declaration": {
-            "name": "FlexLayout",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "defaultFlipperConfig",
+            "module": "src/flipper/flipper.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationFlexLayout",
+          "name": "foundationFlipper",
           "declaration": {
-            "name": "foundationFlexLayout",
-            "module": "src/flex-layout/flex-layout.ts"
+            "name": "foundationFlipper",
+            "module": "src/flipper/flipper.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flex-layout/flex-layout.types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flex-layout/index.ts",
+      "path": "src/flipper/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -18239,15 +18370,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flex-layout.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./flex-layout.styles"
+            "package": "./flipper.template"
           }
         },
         {
@@ -18255,7 +18378,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flex-layout"
+            "package": "./flipper.styles"
           }
         },
         {
@@ -18263,201 +18386,90 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flex-layout.types"
+            "package": "./flipper"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/flipper.styles.ts",
+      "path": "src/flex-layout/flex-layout.styles.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationFlipperStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
+          "kind": "variable",
+          "name": "foundationFlexLayoutStyles",
+          "type": {
+            "text": "ElementStyles"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FlipperOptions"
-              }
-            }
-          ]
+          "default": "css`\n  :host {\n    width: 100%;\n    height: 100%;\n  }\n\n  slot {\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n\n  ${flexLayoutRWDStyles()}\n  ${flexLayoutRWDStyles('lg')}\n  ${flexLayoutRWDStyles('md')}\n  ${flexLayoutRWDStyles('sm')}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlipperStyles",
+          "name": "foundationFlexLayoutStyles",
           "declaration": {
-            "name": "foundationFlipperStyles",
-            "module": "src/flipper/flipper.styles.ts"
+            "name": "foundationFlexLayoutStyles",
+            "module": "src/flex-layout/flex-layout.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/flipper.template.ts",
+      "path": "src/flex-layout/flex-layout.template.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "foundationFlipperTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Flipper>"
-            }
+          "kind": "variable",
+          "name": "foundationFlexLayoutTemplate",
+          "type": {
+            "text": "ViewTemplate<FlexLayout>"
           },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FlipperOptions"
-              }
-            }
-          ]
+          "default": "html`\n  <template>\n    <slot></slot>\n  </template>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "foundationFlipperTemplate",
+          "name": "foundationFlexLayoutTemplate",
           "declaration": {
-            "name": "foundationFlipperTemplate",
-            "module": "src/flipper/flipper.template.ts"
+            "name": "foundationFlexLayoutTemplate",
+            "module": "src/flex-layout/flex-layout.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/flipper.ts",
+      "path": "src/flex-layout/flex-layout.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "foundationFlexLayoutShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
+          },
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultFlexLayoutConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
         {
           "kind": "class",
           "description": "",
-          "name": "Flipper",
+          "name": "FlexLayout",
           "superclass": {
-            "name": "FASTFlipper",
-            "package": "@microsoft/fast-components"
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
           },
-          "tagName": "%%prefix%%-flipper",
+          "tagName": "%%prefix%%-flex-layout",
           "customElement": true,
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The disabled state of the flipper.",
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "name": "aria-hidden",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
-              "fieldName": "hiddenFromAT",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "FlipperDirection"
-              },
-              "description": "The direction that the flipper implies navigating.",
-              "fieldName": "direction",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            }
-          ],
           "members": [
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "The disabled state of the flipper.",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hiddenFromAT",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "true",
-              "description": "Indicates the flipper should be hidden from assistive technology. Because flippers are often supplementary navigation, they are often hidden from assistive technology.",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "direction",
-              "type": {
-                "text": "FlipperDirection"
-              },
-              "privacy": "public",
-              "description": "The direction that the flipper implies navigating.",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "keyupHandler",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event & KeyboardEvent"
-                  },
-                  "description": "Keyboard event"
-                }
-              ],
-              "description": "Simulate a click event when the flipper has focus and the user hits enter or space keys\nBlur focus if the user hits escape key",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "_presentation",
@@ -18569,79 +18581,59 @@
                 "module": "src/foundation-element/foundation-element.ts"
               }
             }
-          ],
-          "events": [
-            {
-              "description": "Fires a custom 'click' event when Enter or Space is invoked via keyboard and the flipper is exposed to assistive technologies.",
-              "name": "click",
-              "inheritedFrom": {
-                "name": "Flipper",
-                "module": "src/flipper/flipper.ts"
-              }
-            }
           ]
         },
         {
           "kind": "variable",
-          "name": "foundationFlipperShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultFlipperConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{\n  next: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n      />\n    </svg>\n  `,\n  previous: `\n    <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z\"\n      />\n    </svg>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "foundationFlipper",
-          "description": "The Foundation Flipper",
+          "name": "foundationFlexLayout",
+          "description": "The Foundation Flex Layout",
           "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Flipper",
+          "name": "foundationFlexLayoutShadowOptions",
           "declaration": {
-            "name": "Flipper",
-            "module": "src/flipper/flipper.ts"
+            "name": "foundationFlexLayoutShadowOptions",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationFlipperShadowOptions",
+          "name": "defaultFlexLayoutConfig",
           "declaration": {
-            "name": "foundationFlipperShadowOptions",
-            "module": "src/flipper/flipper.ts"
+            "name": "defaultFlexLayoutConfig",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "defaultFlipperConfig",
+          "name": "FlexLayout",
           "declaration": {
-            "name": "defaultFlipperConfig",
-            "module": "src/flipper/flipper.ts"
+            "name": "FlexLayout",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         },
         {
           "kind": "js",
-          "name": "foundationFlipper",
+          "name": "foundationFlexLayout",
           "declaration": {
-            "name": "foundationFlipper",
-            "module": "src/flipper/flipper.ts"
+            "name": "foundationFlexLayout",
+            "module": "src/flex-layout/flex-layout.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/flipper/index.ts",
+      "path": "src/flex-layout/flex-layout.types.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flex-layout/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -18649,7 +18641,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flipper.template"
+            "package": "./flex-layout.template"
           }
         },
         {
@@ -18657,7 +18649,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flipper.styles"
+            "package": "./flex-layout.styles"
           }
         },
         {
@@ -18665,7 +18657,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./flipper"
+            "package": "./flex-layout"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flex-layout.types"
           }
         }
       ]