@vonage/vivid 3.49.0-preview.1 → 3.50.0

package/custom-elements.json

@@ -245,10 +245,6 @@
           "description": "Base class for action-group",
           "name": "ActionGroup",
           "cssProperties": [
-            {
-              "name": "--vvd-action-group-accent-backdrop",
-              "default": "var(--vvd-color-canvas)"
-            },
             {
               "name": "--vvd-action-group-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -824,10 +820,6 @@
               "name": "--vvd-appearanceUI-cta-contrast",
               "default": "var(--vvd-color-cta-800)"
             },
-            {
-              "name": "--vvd-appearanceUI-cta-backdrop",
-              "default": "var(--vvd-color-cta-50)"
-            },
             {
               "name": "--vvd-appearanceUI-cta-intermediate",
               "default": "var(--vvd-color-cta-500)"
@@ -876,10 +868,6 @@
               "name": "--vvd-appearanceUI-success-contrast",
               "default": "var(--vvd-color-success-800)"
             },
-            {
-              "name": "--vvd-appearanceUI-success-backdrop",
-              "default": "var(--vvd-color-success-50)"
-            },
             {
               "name": "--vvd-appearanceUI-success-intermediate",
               "default": "var(--vvd-color-success-500)"
@@ -928,10 +916,6 @@
               "name": "--vvd-appearanceUI-alert-contrast",
               "default": "var(--vvd-color-alert-800)"
             },
-            {
-              "name": "--vvd-appearanceUI-alert-backdrop",
-              "default": "var(--vvd-color-alert-50)"
-            },
             {
               "name": "--vvd-appearanceUI-alert-intermediate",
               "default": "var(--vvd-color-alert-500)"
@@ -980,10 +964,6 @@
               "name": "--vvd-appearanceUI-warning-contrast",
               "default": "var(--vvd-color-warning-800)"
             },
-            {
-              "name": "--vvd-appearanceUI-warning-backdrop",
-              "default": "var(--vvd-color-warning-50)"
-            },
             {
               "name": "--vvd-appearanceUI-warning-intermediate",
               "default": "var(--vvd-color-warning-300)"
@@ -1032,10 +1012,6 @@
               "name": "--vvd-appearanceUI-information-contrast",
               "default": "var(--vvd-color-information-800)"
             },
-            {
-              "name": "--vvd-appearanceUI-information-backdrop",
-              "default": "var(--vvd-color-information-50)"
-            },
             {
               "name": "--vvd-appearanceUI-information-intermediate",
               "default": "var(--vvd-color-information-500)"
@@ -1084,10 +1060,6 @@
               "name": "--vvd-appearanceUI-announcement-contrast",
               "default": "var(--vvd-color-announcement-800)"
             },
-            {
-              "name": "--vvd-appearanceUI-announcement-backdrop",
-              "default": "var(--vvd-color-announcement-50)"
-            },
             {
               "name": "--vvd-appearanceUI-announcement-intermediate",
               "default": "var(--vvd-color-announcement-500)"
@@ -1136,10 +1108,6 @@
               "name": "--vvd-appearanceUI-accent-contrast",
               "default": "var(--vvd-color-neutral-800)"
             },
-            {
-              "name": "--vvd-appearanceUI-accent-backdrop",
-              "default": "var(--vvd-color-canvas)"
-            },
             {
               "name": "--vvd-appearanceUI-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
@@ -3672,12 +3640,12 @@
               "default": "var(--vvd-color-cta-600)"
             },
             {
-              "name": "--vvd-checkbox-cta-intermediate",
-              "default": "var(--vvd-color-cta-500)"
+              "name": "--vvd-checkbox-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
             },
             {
-              "name": "--vvd-checkbox-cta-backdrop",
-              "default": "var(--vvd-color-cta-50)"
+              "name": "--vvd-checkbox-cta-intermediate",
+              "default": "var(--vvd-color-cta-500)"
             },
             {
               "name": "--vvd-checkbox-cta-firm",
@@ -3696,12 +3664,12 @@
               "default": "var(--vvd-color-neutral-800)"
             },
             {
-              "name": "--vvd-checkbox-accent-intermediate",
-              "default": "var(--vvd-color-neutral-500)"
+              "name": "--vvd-checkbox-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             },
             {
-              "name": "--vvd-checkbox-accent-backdrop",
-              "default": "var(--vvd-color-canvas)"
+              "name": "--vvd-checkbox-accent-intermediate",
+              "default": "var(--vvd-color-neutral-500)"
             },
             {
               "name": "--vvd-checkbox-accent-firm",
@@ -3828,10 +3796,6 @@
           "description": "Base class for combobox",
           "name": "Combobox",
           "cssProperties": [
-            {
-              "name": "--vvd-combobox-accent-backdrop",
-              "default": "var(--vvd-color-canvas)"
-            },
             {
               "name": "--vvd-combobox-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
@@ -4702,14 +4666,6 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "#getFocusableEls",
-              "inheritedFrom": {
-                "name": "DatePickerBase",
-                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -5134,14 +5090,6 @@
                 "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "#getFocusableEls",
-              "inheritedFrom": {
-                "name": "DatePickerBase",
-                "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "_adjustSelectedMonthToEnsureVisibilityOf",
@@ -7212,10 +7160,6 @@
           "description": "Base class for listbox",
           "name": "Listbox",
           "cssProperties": [
-            {
-              "name": "--vvd-listbox-accent-backdrop",
-              "default": "var(--vvd-color-canvas)"
-            },
             {
               "name": "--vvd-listbox-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
@@ -8498,8 +8442,12 @@
               "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-text-field-success-backdrop",
-              "default": "var(--vvd-color-success-50)"
+              "name": "--vvd-text-field-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-field-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
             },
             {
               "name": "--vvd-text-field-success-intermediate",
@@ -8517,13 +8465,21 @@
               "name": "--vvd-text-field-success-soft",
               "default": "var(--vvd-color-success-100)"
             },
+            {
+              "name": "--vvd-text-field-success-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-text-field-alert-primary",
               "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-text-field-alert-backdrop",
-              "default": "var(--vvd-color-alert-50)"
+              "name": "--vvd-text-field-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-field-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
               "name": "--vvd-text-field-alert-intermediate",
@@ -8541,14 +8497,22 @@
               "name": "--vvd-text-field-alert-soft",
               "default": "var(--vvd-color-alert-100)"
             },
+            {
+              "name": "--vvd-text-field-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-text-field-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-text-field-accent-backdrop",
+              "name": "--vvd-text-field-accent-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
+            {
+              "name": "--vvd-text-field-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
             {
               "name": "--vvd-text-field-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
@@ -8564,6 +8528,10 @@
             {
               "name": "--vvd-text-field-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-text-field-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             }
           ],
           "members": [
@@ -9805,14 +9773,14 @@
               "name": "--vvd-radio-cta-intermediate",
               "default": "var(--vvd-color-cta-500)"
             },
-            {
-              "name": "--vvd-radio-cta-backdrop",
-              "default": "var(--vvd-color-cta-50)"
-            },
             {
               "name": "--vvd-radio-cta-firm",
               "default": "var(--vvd-color-cta-600)"
             },
+            {
+              "name": "--vvd-radio-cta-fierce",
+              "default": "var(--vvd-color-cta-700)"
+            },
             {
               "name": "--vvd-radio-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
@@ -9829,13 +9797,13 @@
               "name": "--vvd-radio-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
             },
-            {
-              "name": "--vvd-radio-accent-backdrop",
-              "default": "var(--vvd-color-canvas)"
-            },
             {
               "name": "--vvd-radio-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-radio-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             }
           ],
           "members": [
@@ -10071,8 +10039,12 @@
               "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-select-success-backdrop",
-              "default": "var(--vvd-color-success-50)"
+              "name": "--vvd-select-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-select-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
             },
             {
               "name": "--vvd-select-success-intermediate",
@@ -10082,13 +10054,21 @@
               "name": "--vvd-select-success-firm",
               "default": "var(--vvd-color-success-600)"
             },
+            {
+              "name": "--vvd-select-success-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-select-alert-primary",
               "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-select-alert-backdrop",
-              "default": "var(--vvd-color-alert-50)"
+              "name": "--vvd-select-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-select-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
               "name": "--vvd-select-alert-intermediate",
@@ -10098,14 +10078,22 @@
               "name": "--vvd-select-alert-firm",
               "default": "var(--vvd-color-alert-600)"
             },
+            {
+              "name": "--vvd-select-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-select-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-select-accent-backdrop",
+              "name": "--vvd-select-accent-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
+            {
+              "name": "--vvd-select-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
             {
               "name": "--vvd-select-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
@@ -10113,6 +10101,10 @@
             {
               "name": "--vvd-select-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
+            },
+            {
+              "name": "--vvd-select-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             }
           ],
           "slots": [
@@ -11353,10 +11345,6 @@
               "name": "--vvd-switch-cta-primary-increment",
               "default": "var(--vvd-color-cta-600)"
             },
-            {
-              "name": "--vvd-switch-cta-backdrop",
-              "default": "var(--vvd-color-cta-50)"
-            },
             {
               "name": "--vvd-switch-cta-firm",
               "default": "var(--vvd-color-cta-600)"
@@ -11377,10 +11365,6 @@
               "name": "--vvd-switch-alert-primary-increment",
               "default": "var(--vvd-color-alert-600)"
             },
-            {
-              "name": "--vvd-switch-alert-backdrop",
-              "default": "var(--vvd-color-alert-50)"
-            },
             {
               "name": "--vvd-switch-alert-firm",
               "default": "var(--vvd-color-alert-600)"
@@ -11401,10 +11385,6 @@
               "name": "--vvd-switch-success-primary-increment",
               "default": "var(--vvd-color-success-600)"
             },
-            {
-              "name": "--vvd-switch-success-backdrop",
-              "default": "var(--vvd-color-success-50)"
-            },
             {
               "name": "--vvd-switch-success-firm",
               "default": "var(--vvd-color-success-600)"
@@ -11425,10 +11405,6 @@
               "name": "--vvd-switch-accent-primary-increment",
               "default": "var(--vvd-color-neutral-800)"
             },
-            {
-              "name": "--vvd-switch-accent-backdrop",
-              "default": "var(--vvd-color-canvas)"
-            },
             {
               "name": "--vvd-switch-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
@@ -12608,8 +12584,12 @@
               "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-text-area-success-backdrop",
-              "default": "var(--vvd-color-success-50)"
+              "name": "--vvd-text-area-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-area-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
             },
             {
               "name": "--vvd-text-area-success-intermediate",
@@ -12619,6 +12599,10 @@
               "name": "--vvd-text-area-success-firm",
               "default": "var(--vvd-color-success-600)"
             },
+            {
+              "name": "--vvd-text-area-success-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-text-area-success-faint",
               "default": "var(--vvd-color-success-50)"
@@ -12632,8 +12616,12 @@
               "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-text-area-alert-backdrop",
-              "default": "var(--vvd-color-alert-50)"
+              "name": "--vvd-text-area-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-area-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
               "name": "--vvd-text-area-alert-intermediate",
@@ -12643,6 +12631,10 @@
               "name": "--vvd-text-area-alert-firm",
               "default": "var(--vvd-color-alert-600)"
             },
+            {
+              "name": "--vvd-text-area-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-text-area-alert-faint",
               "default": "var(--vvd-color-alert-50)"
@@ -12656,9 +12648,13 @@
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-text-area-accent-backdrop",
+              "name": "--vvd-text-area-accent-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
+            {
+              "name": "--vvd-text-area-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
             {
               "name": "--vvd-text-area-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
@@ -12667,6 +12663,10 @@
               "name": "--vvd-text-area-accent-firm",
               "default": "var(--vvd-color-canvas-text)"
             },
+            {
+              "name": "--vvd-text-area-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
+            },
             {
               "name": "--vvd-text-area-accent-faint",
               "default": "var(--vvd-color-neutral-50)"
@@ -12792,8 +12792,12 @@
               "default": "var(--vvd-color-success-500)"
             },
             {
-              "name": "--vvd-text-field-success-backdrop",
-              "default": "var(--vvd-color-success-50)"
+              "name": "--vvd-text-field-success-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-field-success-primary-increment",
+              "default": "var(--vvd-color-success-600)"
             },
             {
               "name": "--vvd-text-field-success-intermediate",
@@ -12811,13 +12815,21 @@
               "name": "--vvd-text-field-success-soft",
               "default": "var(--vvd-color-success-100)"
             },
+            {
+              "name": "--vvd-text-field-success-fierce",
+              "default": "var(--vvd-color-success-700)"
+            },
             {
               "name": "--vvd-text-field-alert-primary",
               "default": "var(--vvd-color-alert-500)"
             },
             {
-              "name": "--vvd-text-field-alert-backdrop",
-              "default": "var(--vvd-color-alert-50)"
+              "name": "--vvd-text-field-alert-primary-text",
+              "default": "var(--vvd-color-canvas)"
+            },
+            {
+              "name": "--vvd-text-field-alert-primary-increment",
+              "default": "var(--vvd-color-alert-600)"
             },
             {
               "name": "--vvd-text-field-alert-intermediate",
@@ -12835,14 +12847,22 @@
               "name": "--vvd-text-field-alert-soft",
               "default": "var(--vvd-color-alert-100)"
             },
+            {
+              "name": "--vvd-text-field-alert-fierce",
+              "default": "var(--vvd-color-alert-700)"
+            },
             {
               "name": "--vvd-text-field-accent-primary",
               "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "name": "--vvd-text-field-accent-backdrop",
+              "name": "--vvd-text-field-accent-primary-text",
               "default": "var(--vvd-color-canvas)"
             },
+            {
+              "name": "--vvd-text-field-accent-primary-increment",
+              "default": "var(--vvd-color-neutral-800)"
+            },
             {
               "name": "--vvd-text-field-accent-intermediate",
               "default": "var(--vvd-color-neutral-500)"
@@ -12858,6 +12878,10 @@
             {
               "name": "--vvd-text-field-accent-soft",
               "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-text-field-accent-fierce",
+              "default": "var(--vvd-color-neutral-700)"
             }
           ],
           "slots": [
@@ -12966,17 +12990,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/toggletip/definition.ts",
+      "path": "libs/components/src/lib/time-picker/definition.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "toggletipDefinition",
-          "description": "The toggletip element."
+          "name": "timePickerDefinition"
         },
         {
           "kind": "variable",
-          "name": "registerToggletip",
-          "description": "Registers the toggletip element with the design system.",
+          "name": "registerTimePicker",
+          "description": "Registers the time-picker element with the design system.",
           "parameters": [
             {
               "description": "the prefix to use for the component name",
@@ -12988,77 +13011,419 @@
       "exports": [
         {
           "kind": "js",
-          "name": "toggletipDefinition",
+          "name": "timePickerDefinition",
           "declaration": {
-            "name": "toggletipDefinition",
-            "module": "libs/components/src/lib/toggletip/definition.ts"
+            "name": "timePickerDefinition",
+            "module": "libs/components/src/lib/time-picker/definition.ts"
           }
         },
         {
           "kind": "js",
-          "name": "registerToggletip",
+          "name": "registerTimePicker",
           "declaration": {
-            "name": "registerToggletip",
-            "module": "libs/components/src/lib/toggletip/definition.ts"
+            "name": "registerTimePicker",
+            "module": "libs/components/src/lib/time-picker/definition.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "libs/components/src/lib/toggletip/toggletip.ts",
+      "path": "libs/components/src/lib/time-picker/locale.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/time-picker.form-associated.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Base class for toggletip",
-          "name": "Toggletip",
-          "slots": [
+          "description": "",
+          "name": "FormAssociatedTimePicker",
+          "members": [
             {
-              "description": "The content to display in the toggletip.",
-              "name": ""
+              "kind": "field",
+              "name": "proxy"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormAssociated",
+              "package": "@microsoft/fast-foundation"
+            }
+          ],
+          "superclass": {
+            "name": "_TimePicker",
+            "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormAssociatedTimePicker",
+          "declaration": {
+            "name": "FormAssociatedTimePicker",
+            "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/time-picker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for time-picker",
+          "name": "TimePicker",
+          "cssProperties": [
+            {
+              "name": "--vvd-time-picker-accent-primary",
+              "default": "var(--vvd-color-canvas-text)"
             },
             {
-              "description": "The content to display in the toggletip action items.",
-              "name": "action-items"
+              "name": "--vvd-time-picker-accent-faint",
+              "default": "var(--vvd-color-neutral-50)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-soft",
+              "default": "var(--vvd-color-neutral-100)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-dim",
+              "default": "var(--vvd-color-neutral-200)"
+            },
+            {
+              "name": "--vvd-time-picker-accent-pale",
+              "default": "var(--vvd-color-neutral-300)"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
-              "privacy": "private",
+              "name": "readOnly",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "' ; Show more information'"
+              "default": "false",
+              "description": "Whether the time-picker is readonly.",
+              "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "headline",
+              "name": "minutesStep",
               "type": {
-                "text": "string | undefined"
+                "text": "number | null"
               },
-              "description": "the optional title of the toggletip",
+              "default": "null",
+              "description": "Distance between presented minute options.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "alternate",
+              "name": "secondsStep",
               "type": {
-                "text": "boolean"
+                "text": "number | null"
               },
-              "default": "false",
-              "description": "toggle color scheme",
+              "default": "null",
+              "description": "Distance between presented seconds options. If null, seconds are not presented.",
               "privacy": "public"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "clock",
               "type": {
-                "text": "Placement | undefined"
+                "text": "'12h' | '24h' | undefined"
               },
-              "default": "'right'",
-              "description": "placement of the toggletip",
+              "description": "Forces the time-picker to use a 12h or 24h clock.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted time of the time-picker.",
+              "privacy": "public",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "description": "The latest accepted time of the time-picker.",
+              "privacy": "public",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "#getFocusableEls",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#updateValueDueToUserInteraction",
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "TimeStr"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusIn",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onFocusOut",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#dismissOnClickOutside",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#openPopupIfPossible"
+            },
+            {
+              "kind": "method",
+              "name": "#scrollToItem",
+              "parameters": [
+                {
+                  "name": "picker",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "selectedValue",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "position",
+                  "type": {
+                    "text": "'nearest' | 'start'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'time'"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "string"
+              },
+              "default": "'1'"
+            },
+            {
+              "kind": "field",
+              "name": "proxy",
+              "inheritedFrom": {
+                "name": "FormAssociatedTimePicker",
+                "module": "libs/components/src/lib/time-picker/time-picker.form-associated.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the time is changed by the user.",
+              "name": "change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the time-picker is readonly.",
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "minutes-step",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "Distance between presented minute options.",
+              "fieldName": "minutesStep"
+            },
+            {
+              "name": "seconds-step",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "Distance between presented seconds options. If null, seconds are not presented.",
+              "fieldName": "secondsStep"
+            },
+            {
+              "name": "clock",
+              "type": {
+                "text": "'12h' | '24h' | undefined"
+              },
+              "description": "Forces the time-picker to use a 12h or 24h clock.",
+              "fieldName": "clock"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The earliest accepted time of the time-picker.",
+              "default": "''",
+              "fieldName": "min"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The latest accepted time of the time-picker.",
+              "default": "''",
+              "fieldName": "max"
+            }
+          ],
+          "superclass": {
+            "name": "FormAssociatedTimePicker",
+            "module": "/libs/components/src/lib/time-picker/time-picker.form-associated"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TimePicker",
+          "declaration": {
+            "name": "TimePicker",
+            "module": "libs/components/src/lib/time-picker/time-picker.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/toggletip/definition.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "toggletipDefinition",
+          "description": "The toggletip element."
+        },
+        {
+          "kind": "variable",
+          "name": "registerToggletip",
+          "description": "Registers the toggletip element with the design system.",
+          "parameters": [
+            {
+              "description": "the prefix to use for the component name",
+              "name": "prefix"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "toggletipDefinition",
+          "declaration": {
+            "name": "toggletipDefinition",
+            "module": "libs/components/src/lib/toggletip/definition.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerToggletip",
+          "declaration": {
+            "name": "registerToggletip",
+            "module": "libs/components/src/lib/toggletip/definition.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/toggletip/toggletip.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Base class for toggletip",
+          "name": "Toggletip",
+          "slots": [
+            {
+              "description": "The content to display in the toggletip.",
+              "name": ""
+            },
+            {
+              "description": "The content to display in the toggletip action items.",
+              "name": "action-items"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "#ANCHOR_ARIA_LABEL_SUFFIX",
+              "privacy": "private",
+              "type": {
+                "text": "string"
+              },
+              "default": "' ; Show more information'"
+            },
+            {
+              "kind": "field",
+              "name": "headline",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "the optional title of the toggletip",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "alternate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "toggle color scheme",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Placement | undefined"
+              },
+              "default": "'right'",
+              "description": "placement of the toggletip",
               "privacy": "public"
             },
             {
@@ -13545,6 +13910,358 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/time/picker.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getHoursOptions",
+          "return": {
+            "type": {
+              "text": "PickerOption[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "min",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "max",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "forMeridiem",
+              "optional": true,
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getMinutesOptions",
+          "return": {
+            "type": {
+              "text": "PickerOption[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "step",
+              "type": {
+                "text": "number | null"
+              }
+            },
+            {
+              "name": "value",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "min",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "max",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getSecondsOptions",
+          "return": {
+            "type": {
+              "text": "PickerOption[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "value",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "min",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "max",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getMeridiesOptions",
+          "return": {
+            "type": {
+              "text": "PickerOption[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "min",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "max",
+              "optional": true,
+              "type": {
+                "text": "TimeStr"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getHoursOptions",
+          "declaration": {
+            "name": "getHoursOptions",
+            "module": "libs/components/src/lib/time-picker/time/picker.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getMinutesOptions",
+          "declaration": {
+            "name": "getMinutesOptions",
+            "module": "libs/components/src/lib/time-picker/time/picker.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getSecondsOptions",
+          "declaration": {
+            "name": "getSecondsOptions",
+            "module": "libs/components/src/lib/time-picker/time/picker.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getMeridiesOptions",
+          "declaration": {
+            "name": "getMeridiesOptions",
+            "module": "libs/components/src/lib/time-picker/time/picker.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/time/presentationTime.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "formatPresentationTime",
+          "return": {
+            "type": {
+              "text": "PresentationTime"
+            }
+          },
+          "parameters": [
+            {
+              "name": "timeStr",
+              "type": {
+                "text": "TimeStr"
+              }
+            },
+            {
+              "name": "includeSeconds",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "use12HourClock",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "parsePresentationTime",
+          "return": {
+            "type": {
+              "text": "TimeStr"
+            }
+          },
+          "parameters": [
+            {
+              "name": "input",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "use12HourClock",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "formatPresentationTime",
+          "declaration": {
+            "name": "formatPresentationTime",
+            "module": "libs/components/src/lib/time-picker/time/presentationTime.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "parsePresentationTime",
+          "declaration": {
+            "name": "parsePresentationTime",
+            "module": "libs/components/src/lib/time-picker/time/presentationTime.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "libs/components/src/lib/time-picker/time/time.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isValidTimeStr",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "timeStr",
+              "type": {
+                "text": "TimeStr"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "formatTimePart",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "part",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "parseTimeStr",
+          "return": {
+            "type": {
+              "text": "ParsedTimeStr"
+            }
+          },
+          "parameters": [
+            {
+              "name": "timeStr",
+              "type": {
+                "text": "TimeStr"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "hoursAs12hClock",
+          "parameters": [
+            {
+              "name": "hour",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isValidTimeStr",
+          "declaration": {
+            "name": "isValidTimeStr",
+            "module": "libs/components/src/lib/time-picker/time/time.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "formatTimePart",
+          "declaration": {
+            "name": "formatTimePart",
+            "module": "libs/components/src/lib/time-picker/time/time.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "parseTimeStr",
+          "declaration": {
+            "name": "parseTimeStr",
+            "module": "libs/components/src/lib/time-picker/time/time.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "hoursAs12hClock",
+          "declaration": {
+            "name": "hoursAs12hClock",
+            "module": "libs/components/src/lib/time-picker/time/time.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "libs/components/src/shared/date-picker/date-picker-base.ts",
@@ -13631,10 +14348,6 @@
               "description": "Whether the date-picker is readonly.",
               "privacy": "public"
             },
-            {
-              "kind": "method",
-              "name": "#getFocusableEls"
-            },
             {
               "kind": "method",
               "name": "_adjustSelectedMonthToEnsureVisibilityOf",