@vonage/vivid 5.28.1 → 5.29.0

package/custom-elements.json

@@ -2903,7 +2903,7 @@
           "name": "Banner",
           "slots": [
             {
-              "description": "Add action items to banner using this slot.",
+              "description": "Add action items to the banner using this slot.",
               "name": "action-items"
             },
             {
@@ -10719,6 +10719,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#onFocusIn",
@@ -11194,6 +11206,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "fieldName": "appearance",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "name": "helper-text",
               "type": {
@@ -11570,6 +11594,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#onFocusIn",
@@ -12043,6 +12079,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "fieldName": "appearance",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "name": "helper-text",
               "type": {
@@ -12508,6 +12556,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#onFocusIn",
@@ -12999,6 +13059,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "fieldName": "appearance",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "name": "helper-text",
               "type": {
@@ -13682,6 +13754,211 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/divider/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "registerDivider",
+          "description": "Registers the divider elements with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DividerAppearance",
+          "declaration": {
+            "name": "DividerAppearance",
+            "module": "./divider"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerDivider",
+          "declaration": {
+            "name": "registerDivider",
+            "module": "src/lib/divider/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcDividerElement",
+          "declaration": {
+            "name": "Divider",
+            "module": "src/lib/divider/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/divider/divider.harness.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "dividerHarness",
+          "parameters": [
+            {
+              "name": "dom",
+              "type": {
+                "text": "VwcDividerElement"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "dividerHarness",
+          "declaration": {
+            "name": "dividerHarness",
+            "module": "src/lib/divider/divider.harness.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/divider/divider.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "dividerAppearance"
+        },
+        {
+          "kind": "variable",
+          "name": "DividerRole",
+          "type": {
+            "text": "{\n\t/** The divider semantically separates content */\n\tseparator: 'separator',\n\n\t/** The divider has no semantic value and is for visual presentation only. */\n\tpresentation: 'presentation',\n}"
+          },
+          "default": "{\n\t/** The divider semantically separates content */\n\tseparator: 'separator',\n\n\t/** The divider has no semantic value and is for visual presentation only. */\n\tpresentation: 'presentation',\n}"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Divider",
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "DividerRole"
+              },
+              "description": "Controls the semantic role"
+            },
+            {
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "Orientation"
+              },
+              "description": "The orientation of the divider."
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "DividerAppearance | undefined"
+              },
+              "description": "The appearance of the divider."
+            },
+            {
+              "kind": "field",
+              "name": "VIVID_VERSION",
+              "static": true,
+              "default": "__PACKAGE_VERSION__",
+              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "componentName",
+              "type": {
+                "text": "string"
+              },
+              "static": true,
+              "description": "Core component name, without prefix",
+              "inheritedFrom": {
+                "name": "VividElement",
+                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "orientation",
+              "type": {
+                "text": "Orientation"
+              },
+              "description": "The orientation of the divider.",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "DividerAppearance | undefined"
+              },
+              "description": "The appearance of the divider.",
+              "fieldName": "appearance"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "HostSemantics",
+              "module": "/src/shared/aria/host-semantics"
+            }
+          ],
+          "superclass": {
+            "name": "VividElement",
+            "module": "/src/shared/foundation/vivid-element/vivid-element"
+          },
+          "vividComponent": {
+            "public": true,
+            "name": "divider"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "dividerAppearance",
+          "declaration": {
+            "name": "dividerAppearance",
+            "module": "src/lib/divider/divider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DividerRole",
+          "declaration": {
+            "name": "DividerRole",
+            "module": "src/lib/divider/divider.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Divider",
+          "declaration": {
+            "name": "Divider",
+            "module": "src/lib/divider/divider.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/dialog/definition.ts",
@@ -14230,12 +14507,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/divider/definition.ts",
+      "path": "src/lib/empty-state/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerDivider",
-          "description": "Registers the divider elements with the design system.",
+          "name": "registerEmptyState",
+          "description": "Registers the empty-state element with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -14247,42 +14524,58 @@
       "exports": [
         {
           "kind": "js",
-          "name": "DividerAppearance",
+          "name": "EmptyStateConnotation",
           "declaration": {
-            "name": "DividerAppearance",
-            "module": "./divider"
+            "name": "EmptyStateConnotation",
+            "module": "./empty-state"
           }
         },
         {
           "kind": "js",
-          "name": "registerDivider",
+          "name": "EmptyStateIconDecoration",
           "declaration": {
-            "name": "registerDivider",
-            "module": "src/lib/divider/definition.ts"
+            "name": "EmptyStateIconDecoration",
+            "module": "./empty-state"
           }
         },
         {
           "kind": "js",
-          "name": "VwcDividerElement",
+          "name": "EmptyStateSize",
           "declaration": {
-            "name": "Divider",
-            "module": "src/lib/divider/definition.ts"
+            "name": "EmptyStateSize",
+            "module": "./empty-state"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerEmptyState",
+          "declaration": {
+            "name": "registerEmptyState",
+            "module": "src/lib/empty-state/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "VwcEmptyStateElement",
+          "declaration": {
+            "name": "EmptyState",
+            "module": "src/lib/empty-state/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/divider/divider.harness.ts",
+      "path": "src/lib/empty-state/empty-state.harness.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "dividerHarness",
+          "name": "emptyStateHarness",
           "parameters": [
             {
               "name": "dom",
               "type": {
-                "text": "VwcDividerElement"
+                "text": "VwcEmptyStateElement"
               }
             }
           ]
@@ -14291,248 +14584,80 @@
       "exports": [
         {
           "kind": "js",
-          "name": "dividerHarness",
+          "name": "emptyStateHarness",
           "declaration": {
-            "name": "dividerHarness",
-            "module": "src/lib/divider/divider.harness.ts"
+            "name": "emptyStateHarness",
+            "module": "src/lib/empty-state/empty-state.harness.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/divider/divider.ts",
+      "path": "src/lib/empty-state/empty-state.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "dividerAppearance"
-        },
-        {
-          "kind": "variable",
-          "name": "DividerRole",
-          "type": {
-            "text": "{\n\t/** The divider semantically separates content */\n\tseparator: 'separator',\n\n\t/** The divider has no semantic value and is for visual presentation only. */\n\tpresentation: 'presentation',\n}"
-          },
-          "default": "{\n\t/** The divider semantically separates content */\n\tseparator: 'separator',\n\n\t/** The divider has no semantic value and is for visual presentation only. */\n\tpresentation: 'presentation',\n}"
+          "name": "emptyStateConnotation"
         },
         {
           "kind": "class",
-          "description": "",
-          "name": "Divider",
-          "members": [
+          "description": "An empty state element. Used when there is no data to display to the user.",
+          "name": "EmptyState",
+          "slots": [
             {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "DividerRole"
-              },
-              "description": "Controls the semantic role"
+              "description": "The default slot controls the body text of the empty state.",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "Orientation"
-              },
-              "description": "The orientation of the divider."
+              "description": "The graphic slot allows overriding the icon with a custom illustration.",
+              "name": "graphic"
             },
             {
-              "kind": "field",
-              "name": "appearance",
-              "type": {
-                "text": "DividerAppearance | undefined"
-              },
-              "description": "The appearance of the divider."
-            },
+              "description": "Slot to add action items to the empty state.",
+              "name": "action-items"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "VIVID_VERSION",
-              "static": true,
-              "default": "__PACKAGE_VERSION__",
-              "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+              "name": "connotation",
               "type": {
-                "text": "string"
+                "text": "EmptyStateConnotation | undefined"
               },
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
+              "description": "The connotation the Empty State should have."
             },
             {
               "kind": "field",
-              "name": "componentName",
-              "type": {
-                "text": "string"
-              },
-              "static": true,
-              "description": "Core component name, without prefix",
-              "inheritedFrom": {
-                "name": "VividElement",
-                "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "orientation",
+              "name": "headline",
               "type": {
-                "text": "Orientation"
+                "text": "string | undefined"
               },
-              "description": "The orientation of the divider.",
-              "fieldName": "orientation"
+              "description": "An optional headline for the empty state."
             },
-            {
-              "name": "appearance",
-              "type": {
-                "text": "DividerAppearance | undefined"
-              },
-              "description": "The appearance of the divider.",
-              "fieldName": "appearance"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "HostSemantics",
-              "module": "/src/shared/aria/host-semantics"
-            }
-          ],
-          "superclass": {
-            "name": "VividElement",
-            "module": "/src/shared/foundation/vivid-element/vivid-element"
-          },
-          "vividComponent": {
-            "public": true,
-            "name": "divider"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "dividerAppearance",
-          "declaration": {
-            "name": "dividerAppearance",
-            "module": "src/lib/divider/divider.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DividerRole",
-          "declaration": {
-            "name": "DividerRole",
-            "module": "src/lib/divider/divider.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Divider",
-          "declaration": {
-            "name": "Divider",
-            "module": "src/lib/divider/divider.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/elevation/definition.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "registerElevation",
-          "description": "Registers the elevation elements with the design system.",
-          "parameters": [
-            {
-              "description": "the prefix to use for the component name",
-              "name": "prefix"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerElevation",
-          "declaration": {
-            "name": "registerElevation",
-            "module": "src/lib/elevation/definition.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "VwcElevationElement",
-          "declaration": {
-            "name": "Elevation",
-            "module": "src/lib/elevation/definition.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/elevation/elevation.harness.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "elevationHarness",
-          "parameters": [
-            {
-              "name": "dom",
-              "type": {
-                "text": "VwcElevationElement"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "elevationHarness",
-          "declaration": {
-            "name": "elevationHarness",
-            "module": "src/lib/elevation/elevation.harness.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/elevation/elevation.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Elevation",
-          "slots": [
-            {
-              "description": "Default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "dp",
+              "name": "size",
               "type": {
-                "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
+                "text": "EmptyStateSize | undefined"
               },
-              "description": "Indicates the elevation's dp."
+              "description": "Sets the element's size"
             },
             {
               "kind": "field",
-              "name": "noShadow",
+              "name": "icon",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "toggles the elevation's shadow."
+              "description": "A decorative icon the Empty State should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s."
             },
             {
               "kind": "field",
-              "name": "notRelative",
+              "name": "iconDecoration",
               "type": {
-                "text": "boolean | undefined"
-              }
+                "text": "EmptyStateIconDecoration | undefined"
+              },
+              "description": "Has no effect on the component."
             },
             {
               "kind": "field",
@@ -14564,27 +14689,44 @@
           ],
           "attributes": [
             {
-              "name": "dp",
+              "name": "connotation",
               "type": {
-                "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
+                "text": "EmptyStateConnotation | undefined"
               },
-              "description": "Indicates the elevation's dp.",
-              "fieldName": "dp"
+              "description": "The connotation the Empty State should have.",
+              "fieldName": "connotation"
             },
             {
-              "name": "no-shadow",
+              "name": "headline",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string | undefined"
               },
-              "description": "toggles the elevation's shadow.",
-              "fieldName": "noShadow"
+              "description": "An optional headline for the empty state.",
+              "fieldName": "headline"
             },
             {
-              "name": "not-relative",
+              "name": "size",
               "type": {
-                "text": "boolean | undefined"
+                "text": "EmptyStateSize | undefined"
               },
-              "fieldName": "notRelative"
+              "description": "Sets the element's size",
+              "fieldName": "size"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A decorative icon the Empty State should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s.",
+              "fieldName": "icon"
+            },
+            {
+              "name": "icon-decoration",
+              "type": {
+                "text": "EmptyStateIconDecoration | undefined"
+              },
+              "description": "Has no effect on the component.",
+              "fieldName": "iconDecoration"
             }
           ],
           "superclass": {
@@ -14592,29 +14734,38 @@
             "module": "/src/shared/foundation/vivid-element/vivid-element"
           },
           "vividComponent": {
-            "name": "elevation"
+            "public": true,
+            "name": "empty-state"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Elevation",
+          "name": "emptyStateConnotation",
           "declaration": {
-            "name": "Elevation",
-            "module": "src/lib/elevation/elevation.ts"
+            "name": "emptyStateConnotation",
+            "module": "src/lib/empty-state/empty-state.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "EmptyState",
+          "declaration": {
+            "name": "EmptyState",
+            "module": "src/lib/empty-state/empty-state.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/empty-state/definition.ts",
+      "path": "src/lib/elevation/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "registerEmptyState",
-          "description": "Registers the empty-state element with the design system.",
+          "name": "registerElevation",
+          "description": "Registers the elevation elements with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -14626,50 +14777,34 @@
       "exports": [
         {
           "kind": "js",
-          "name": "EmptyStateConnotation",
-          "declaration": {
-            "name": "EmptyStateConnotation",
-            "module": "./empty-state"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EmptyStateIconDecoration",
-          "declaration": {
-            "name": "EmptyStateIconDecoration",
-            "module": "./empty-state"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "registerEmptyState",
+          "name": "registerElevation",
           "declaration": {
-            "name": "registerEmptyState",
-            "module": "src/lib/empty-state/definition.ts"
+            "name": "registerElevation",
+            "module": "src/lib/elevation/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "VwcEmptyStateElement",
+          "name": "VwcElevationElement",
           "declaration": {
-            "name": "EmptyState",
-            "module": "src/lib/empty-state/definition.ts"
+            "name": "Elevation",
+            "module": "src/lib/elevation/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/empty-state/empty-state.harness.ts",
+      "path": "src/lib/elevation/elevation.harness.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "emptyStateHarness",
+          "name": "elevationHarness",
           "parameters": [
             {
               "name": "dom",
               "type": {
-                "text": "VwcEmptyStateElement"
+                "text": "VwcElevationElement"
               }
             }
           ]
@@ -14678,72 +14813,51 @@
       "exports": [
         {
           "kind": "js",
-          "name": "emptyStateHarness",
+          "name": "elevationHarness",
           "declaration": {
-            "name": "emptyStateHarness",
-            "module": "src/lib/empty-state/empty-state.harness.ts"
+            "name": "elevationHarness",
+            "module": "src/lib/elevation/elevation.harness.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/lib/empty-state/empty-state.ts",
+      "path": "src/lib/elevation/elevation.ts",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "emptyStateConnotation"
-        },
         {
           "kind": "class",
-          "description": "An empty state element. Used when there is no data to display to the user.",
-          "name": "EmptyState",
+          "description": "",
+          "name": "Elevation",
           "slots": [
             {
-              "description": "The default slot controls the body text of the empty state.",
+              "description": "Default slot.",
               "name": ""
-            },
-            {
-              "description": "The graphic slot allows overriding the icon with a custom illustration.",
-              "name": "graphic"
-            },
-            {
-              "description": "Slot to add action items to the empty state.",
-              "name": "action-items"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "connotation",
-              "type": {
-                "text": "EmptyStateConnotation | undefined"
-              },
-              "description": "The connotation the Empty State should have."
-            },
-            {
-              "kind": "field",
-              "name": "headline",
+              "name": "dp",
               "type": {
-                "text": "string | undefined"
+                "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
               },
-              "description": "An optional headline for the empty state."
+              "description": "Indicates the elevation's dp."
             },
             {
               "kind": "field",
-              "name": "icon",
+              "name": "noShadow",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "A decorative icon the Empty State should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s."
+              "description": "toggles the elevation's shadow."
             },
             {
               "kind": "field",
-              "name": "iconDecoration",
+              "name": "notRelative",
               "type": {
-                "text": "EmptyStateIconDecoration | undefined"
-              },
-              "description": "Has no effect on the component."
+                "text": "boolean | undefined"
+              }
             },
             {
               "kind": "field",
@@ -14775,36 +14889,27 @@
           ],
           "attributes": [
             {
-              "name": "connotation",
-              "type": {
-                "text": "EmptyStateConnotation | undefined"
-              },
-              "description": "The connotation the Empty State should have.",
-              "fieldName": "connotation"
-            },
-            {
-              "name": "headline",
+              "name": "dp",
               "type": {
-                "text": "string | undefined"
+                "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
               },
-              "description": "An optional headline for the empty state.",
-              "fieldName": "headline"
+              "description": "Indicates the elevation's dp.",
+              "fieldName": "dp"
             },
             {
-              "name": "icon",
+              "name": "no-shadow",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "A decorative icon the Empty State should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s.",
-              "fieldName": "icon"
+              "description": "toggles the elevation's shadow.",
+              "fieldName": "noShadow"
             },
             {
-              "name": "icon-decoration",
+              "name": "not-relative",
               "type": {
-                "text": "EmptyStateIconDecoration | undefined"
+                "text": "boolean | undefined"
               },
-              "description": "Has no effect on the component.",
-              "fieldName": "iconDecoration"
+              "fieldName": "notRelative"
             }
           ],
           "superclass": {
@@ -14812,26 +14917,17 @@
             "module": "/src/shared/foundation/vivid-element/vivid-element"
           },
           "vividComponent": {
-            "public": true,
-            "name": "empty-state"
+            "name": "elevation"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "emptyStateConnotation",
-          "declaration": {
-            "name": "emptyStateConnotation",
-            "module": "src/lib/empty-state/empty-state.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "EmptyState",
+          "name": "Elevation",
           "declaration": {
-            "name": "EmptyState",
-            "module": "src/lib/empty-state/empty-state.ts"
+            "name": "Elevation",
+            "module": "src/lib/elevation/elevation.ts"
           }
         }
       ]
@@ -20471,6 +20567,14 @@
             "module": "./number-field"
           }
         },
+        {
+          "kind": "js",
+          "name": "NumberFieldStep",
+          "declaration": {
+            "name": "NumberFieldStep",
+            "module": "./number-field"
+          }
+        },
         {
           "kind": "js",
           "name": "registerNumberField",
@@ -20612,10 +20716,19 @@
               "kind": "field",
               "name": "step",
               "type": {
-                "text": "number"
+                "text": "NumberFieldStep"
               },
               "default": "1",
-              "description": "Amount to increment or decrement the value by"
+              "description": "Amount to increment or decrement the value by.\nSet to `\"any\"` to allow any decimal value and hide the stepper buttons."
+            },
+            {
+              "kind": "field",
+              "name": "noSteppers",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Always hides the stepper buttons, regardless of the configured `step`."
             },
             {
               "kind": "field",
@@ -21153,12 +21266,21 @@
             {
               "name": "step",
               "type": {
-                "text": "number"
+                "text": "NumberFieldStep"
               },
               "default": "1",
-              "description": "Amount to increment or decrement the value by",
+              "description": "Amount to increment or decrement the value by.\nSet to `\"any\"` to allow any decimal value and hide the stepper buttons.",
               "fieldName": "step"
             },
+            {
+              "name": "no-steppers",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Always hides the stepper buttons, regardless of the configured `step`.",
+              "fieldName": "noSteppers"
+            },
             {
               "name": "max",
               "type": {
@@ -36996,6 +37118,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "#onFocusIn",
@@ -37464,6 +37598,18 @@
                 "module": "src/shared/picker-field/picker-field.ts"
               }
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "fieldName": "appearance",
+              "inheritedFrom": {
+                "name": "PickerField",
+                "module": "src/shared/picker-field/picker-field.ts"
+              }
+            },
             {
               "name": "helper-text",
               "type": {
@@ -53239,6 +53385,10 @@
       "kind": "javascript-module",
       "path": "src/shared/picker-field/picker-field.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "pickerFieldAppearance"
+        },
         {
           "kind": "class",
           "description": "Base class for picker fields. Picker fields consist of a text field with a button that opens a popup that allows\npicking values.",
@@ -53261,6 +53411,14 @@
               "default": "false",
               "description": "Whether the picker is read-only."
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field."
+            },
             {
               "kind": "field",
               "name": "#onFocusIn",
@@ -53633,6 +53791,14 @@
               "description": "Whether the picker is read-only.",
               "fieldName": "readOnly"
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "PickerFieldAppearance | undefined"
+              },
+              "description": "Sets the appearance of the picker field.",
+              "fieldName": "appearance"
+            },
             {
               "name": "helper-text",
               "type": {
@@ -53804,6 +53970,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "pickerFieldAppearance",
+          "declaration": {
+            "name": "pickerFieldAppearance",
+            "module": "src/shared/picker-field/picker-field.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "PickerField",