@duetds/components 4.36.1 → 5.0.2

package/lib/html.html-data.json

@@ -1,6 +1,92 @@
 {
   "version": 1.1,
   "tags": [
+    {
+      "name": "duet-action-button",
+      "description": {
+        "kind": "markdown",
+        "value": "Slot: default slot inside an invisible element, this can be used to enhance accessibility\nPart: button this part enables style overrides for the button\nPart: icon this part enables style overrides for the icon"
+      },
+      "attributes": [
+        {
+          "name": "action-id",
+          "description": "Name of id of action that was called being called"
+        },
+        {
+          "name": "action-meta",
+          "description": "Name of id of action that was called being called"
+        },
+        {
+          "name": "action-name",
+          "description": "Name of action being called"
+        },
+        {
+          "name": "accessible-controls",
+          "description": "Used to indicate which dom element with ID this element controls"
+        },
+        {
+          "name": "accessible-described-by",
+          "description": "Described By id"
+        },
+        {
+          "name": "accessible-description",
+          "description": "Aria description the button"
+        },
+        {
+          "name": "background",
+          "description": "Custom color to be used for a background, as a design token entered\nin camelCase or kebab-case. Using this option the icon will always be resized\nto $size-icon-medium on mobile viewports. Example: \"color-primary\"."
+        },
+        {
+          "name": "color",
+          "description": "Custom color to be used for the icon, as a design token entered in camelCase\nor kebab-case. Example: \"color-primary\". This property can also be set to\n\"currentColor\" which forces the icon to use the CSS text color of parent\nelement instead. Useful when you want to control the color in stylesheet\ninstead."
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the button"
+        },
+        {
+          "name": "icon-color",
+          "description": "Color of the icon to display"
+        },
+        {
+          "name": "icon-name",
+          "description": "Name of the icon to display"
+        },
+        {
+          "name": "icon-size",
+          "description": "Size of the icon",
+          "values": [
+            {
+              "name": "small"
+            },
+            {
+              "name": "x-small"
+            },
+            {
+              "name": "xx-small"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "Theme of the pagination.",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "turva"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-action-button/duet-action-button.tsx"
+        }
+      ]
+    },
     {
       "name": "duet-alert",
       "description": {
@@ -256,6 +342,10 @@
           "name": "accessible-owns",
           "description": "Indicates the id of a component owned by the button."
         },
+        {
+          "name": "accessible-popup",
+          "description": "Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button."
+        },
         {
           "name": "accessible-pressed",
           "description": "Tells screen reader the element is pressed."
@@ -1328,7 +1418,7 @@
       "name": "duet-editable-table",
       "description": {
         "kind": "markdown",
-        "value": "---\ntitle: Editable Table\nname: duet-editable-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Editable Table is a functional component for enhancing tabular\n  data with editable possibilities. It is based upon duet-table but is intended to take a \n  Javascript Map of Records and map them into grouped sections \ndescription: It’s important to understand that this component only give you the tools to \n  represent a map in a visual way, and connect various \"actions\" to each line item. \n  What the line item is and which actions you choose to run are your decisions, \n  any action given results an event that contains information about what action was \n  clicked/pressed and which line item it originated from.\n  The rest of any logic will have to be provided by you.\nexample_height: 400px\nexamples:\n  - name: Editable table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Editable table with custom groups and mappings\n    file: fixtures/duet-editable-table_table_with_custom_groups_and_mappings.html\n  - name: Editable table with hidden groups\n    file: fixtures/duet-editable-table_table_with_hidden_groups.html  \n  - name: Editable table using template and columns\n    file: fixtures/duet-editable-table_table_with_template.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+        "value": "---\ntitle: Editable Table\nname: duet-editable-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Editable Table is a functional component for enhancing tabular\n  data with editable possibilities. It is based upon duet-table but is intended to take a \n  Javascript Map of Records and map them into grouped sections \ndescription: It’s important to understand that this component only give you the tools to \n  represent a map in a visual way, and connect various \"actions\" to each line item. \n  What the line item is and which actions you choose to run are your decisions, \n  any action given results an event that contains information about what action was \n  clicked/pressed and which line item it originated from.\n  The rest of any logic will have to be provided by you.\nexample_height: 400px\nexamples:\n  - name: Editable table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Editable table with custom groups and mappings\n    file: fixtures/duet-editable-table_simple_table.html\n  - name: Editable table with hidden groups\n    file: fixtures/duet-editable-table_simple_table_with_pagination.html  \n  - name: Editable table using template and columns\n    file: fixtures/duet-editable-table_table_with_actions_and_sorting.html  \n  - name: Editable table with a dot menu context\n    file: fixtures/duet-editable-table_table_with_dot_menu.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
       },
       "attributes": [
         {
@@ -1336,51 +1426,77 @@
           "description": "Exposes the aria role for optimizing accessibility."
         },
         {
-          "name": "actions",
-          "description": "Array of actions that are mapped via the map variable to the various groups defined in group."
+          "name": "breakpoint",
+          "description": "Duet-table: By default the table is responsive - it will be flattened at narrow viewport widths.\nThis prop controls the breakpoint at which the table should be rendered as a _regular_ table.\nSet to \"none\" to disable the responsive functionality.\nSet to \"none-scrollable\" to disable responsive functionality _and_ allow horizontal scrolling -\nthis is useful for comparison tables where it's important to maintain column and row layout.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "none-scrollable"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "x-large"
+            },
+            {
+              "name": "xx-large"
+            },
+            {
+              "name": "xxx-large"
+            }
+          ]
         },
         {
-          "name": "alignment",
-          "description": "Key used to set vertical alignment of action buttons"
+          "name": "group-id",
+          "description": "Optional id that get passed to the table and used to setup ::parts"
         },
         {
-          "name": "groups",
-          "description": "Array of group names that you want the editable table to display (can be used to hide or show groups depending on conditions)."
+          "name": "margin",
+          "description": "Duet-table: margin of the component.",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "none"
+            }
+          ]
         },
         {
-          "name": "hide-table-labels",
-          "description": "Shows or hides the table labels."
+          "name": "sortable",
+          "description": "Controls whether the table is sortable by headers"
         },
         {
-          "name": "theme",
-          "description": "Theme of the table.",
+          "name": "sticky",
+          "description": "Duet-table: Controls whether the table has a sticky header.\nSticky headers are not compatible with breakpoint=\"none-scrollable\"."
+        },
+        {
+          "name": "sticky-distance",
+          "description": "Duet-table: Adjust the distance from top of the viewport (in pixels) when the\ntable header becomes sticky.",
           "values": [
             {
-              "name": "default"
+              "name": "none"
             },
             {
-              "name": "turva"
+              "name": "with-links"
+            },
+            {
+              "name": "without-links"
             }
           ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Source code",
-          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
-        }
-      ]
-    },
-    {
-      "name": "duet-editable-table-button",
-      "description": {
-        "kind": "markdown",
-        "value": "---\ntitle: Editable Table\nname: duet-editable-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Editable Table is a functional component for enhancing tabular\n  data with editable possibilities. It is based upon duet-table but is intended to take a \n  Javascript Map of Records and map them into grouped sections \ndescription: It’s important to understand that this component only give you the tools to \n  represent a map in a visual way, and connect various \"actions\" to each line item. \n  What the line item is and which actions you choose to run are your decisions, \n  any action given results an event that contains information about what action was \n  clicked/pressed and which line item it originated from.\n  The rest of any logic will have to be provided by you.\nexample_height: 400px\nexamples:\n  - name: Editable table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Editable table with custom groups and mappings\n    file: fixtures/duet-editable-table_table_with_custom_groups_and_mappings.html\n  - name: Editable table with hidden groups\n    file: fixtures/duet-editable-table_table_with_hidden_groups.html  \n  - name: Editable table using template and columns\n    file: fixtures/duet-editable-table_table_with_template.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
-      },
-      "attributes": [
+        },
         {
           "name": "theme",
-          "description": "Theme of the empty state component.",
+          "description": "Theme of the table.",
           "values": [
             {
               "name": "default"
@@ -1389,39 +1505,19 @@
               "name": "turva"
             }
           ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Source code",
-          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-editable-table/duet-editable-table-button.tsx"
-        }
-      ]
-    },
-    {
-      "name": "duet-editable-table-item",
-      "description": {
-        "kind": "markdown",
-        "value": "---\ntitle: Editable Table\nname: duet-editable-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Editable Table is a functional component for enhancing tabular\n  data with editable possibilities. It is based upon duet-table but is intended to take a \n  Javascript Map of Records and map them into grouped sections \ndescription: It’s important to understand that this component only give you the tools to \n  represent a map in a visual way, and connect various \"actions\" to each line item. \n  What the line item is and which actions you choose to run are your decisions, \n  any action given results an event that contains information about what action was \n  clicked/pressed and which line item it originated from.\n  The rest of any logic will have to be provided by you.\nexample_height: 400px\nexamples:\n  - name: Editable table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Editable table with custom groups and mappings\n    file: fixtures/duet-editable-table_table_with_custom_groups_and_mappings.html\n  - name: Editable table with hidden groups\n    file: fixtures/duet-editable-table_table_with_hidden_groups.html  \n  - name: Editable table using template and columns\n    file: fixtures/duet-editable-table_table_with_template.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
-      },
-      "attributes": [
-        {
-          "name": "alignment",
-          "description": "Key used to set vertical alignment of action buttons"
         },
         {
-          "name": "key-name",
-          "description": "Key used to identify item, when running actions"
-        },
-        {
-          "name": "theme",
-          "description": "Theme of the empty state component.",
+          "name": "variation",
+          "description": "Duet-table: Style variation of the table.",
           "values": [
             {
-              "name": "default"
+              "name": "fixed"
             },
             {
-              "name": "turva"
+              "name": "plain"
+            },
+            {
+              "name": "striped"
             }
           ]
         }
@@ -1429,7 +1525,7 @@
       "references": [
         {
           "name": "Source code",
-          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-editable-table/duet-editable-table-item.tsx"
+          "url": "./https:/lt-devtool.visualstudio.com/_git/Duet%20Design%20System?path=/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
         }
       ]
     },
@@ -3336,6 +3432,18 @@
           "name": "total",
           "description": "The total size of the paginating data"
         },
+        {
+          "name": "variation",
+          "description": "Variation of the paginator (compact and default supported)",
+          "values": [
+            {
+              "name": "compact"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        },
         {
           "name": "visible-items",
           "description": "Amount of visible page numbers to show"
@@ -3808,7 +3916,7 @@
       "name": "duet-range-stepper",
       "description": {
         "kind": "markdown",
-        "value": "---\ntitle: Ranger\nname: duet-range-stepper\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.2.0\nssr: Supported\nintro: range-stepper is a component that can be used to step through a series of value ranges\nexamples:\n  - name: step\n    code: This first example creates the actual URL and DOCS, hence it needs to be here.\n  - name: Default range stepper\n    file: fixtures/duet-range-stepper.html\n  - name: Range Stepper with pagination\n    file: fixtures/duet-range-stepper_with_pagination.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+        "value": "---\ntitle: Range Stepper\nname: duet-range-stepper\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.2.0\nssr: Supported\nintro: range-stepper is a component that can be used to step through a series of value ranges\nexamples:\n  - name: step\n    code: This first example creates the actual URL and DOCS, hence it needs to be here.\n  - name: Default range stepper\n    file: fixtures/duet-range-stepper.html\n  - name: Range Stepper with pagination\n    file: fixtures/duet-range-stepper_with_pagination.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
       },
       "attributes": [
         {
@@ -4404,7 +4512,7 @@
       "name": "duet-table",
       "description": {
         "kind": "markdown",
-        "value": "---\ntitle: Table\nname: duet-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Table is a lightweight and un-opinionated component for enhancing tabular\n  data. It offers features like sticky headers, support for narrow viewport\n  widths, and table styles.\ndescription: It’s important to pay close attention to semantics when authoring\n  tables with Duet Table component. The markup in the examples below can be used\n  as a starting point for most tables. However, be aware that HTML tables have a\n  large feature set, which cannot be covered exhaustively here.\nexample_height: 400px\nexamples:\n  - name: table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Basic table usage\n    file: fixtures/duet-table_basic_table_usage.html\n  - name: Plain table variation\n    file: fixtures/duet-table_plain_table_variation.html\n  - name: Table with right-aligned final column\n    file: fixtures/duet-table_table_with_right-aligned_final_column.html\n  - name: Table with a custom breakpoint\n    file: fixtures/duet-table_table_with_a_custom_breakpoint.html\n  - name: Table with a footer\n    file: fixtures/duet-table_table_with_a_footer.html\n  - name: Table with a sticky header\n    file: fixtures/duet-table_table_with_a_sticky_header.html\n  - name: Table with multiple bodies and sub-headings\n    file: fixtures/duet-table_table_with_multiple_bodies_and_sub-headings.html\n  - name: Comparison table\n    file: fixtures/duet-table_comparison_table.html\n  - name: Table with inline actions\n    file: fixtures/duet-table_table_with_inline_actions.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
+        "value": "---\ntitle: Table\nname: duet-table\nstatus: ready\nplatforms: Web only\ninternationalization: Supported\naccessibility: Keyboard, Screen Reader\nreleased: 3.4.0\nssr: Supported\nintro: Table is a lightweight and un-opinionated component for enhancing tabular\n  data. It offers features like sticky headers, support for narrow viewport\n  widths, and table styles.\ndescription: It’s important to pay close attention to semantics when authoring\n  tables with Duet Table component. The markup in the examples below can be used\n  as a starting point for most tables. However, be aware that HTML tables have a\n  large feature set, which cannot be covered exhaustively here.\nexample_height: 400px\nexamples:\n  - name: table\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Basic table usage\n    file: fixtures/duet-table_basic_table_usage.html\n  - name: Plain table variation\n    file: fixtures/duet-table_plain_table_variation.html\n  - name: Table with right-aligned final column\n    file: fixtures/duet-table_table_with_right-aligned_final_column.html\n  - name: Table with a custom breakpoint\n    file: fixtures/duet-table_table_with_a_custom_breakpoint.html\n  - name: Table with a footer\n    file: fixtures/duet-table_table_with_a_footer.html\n  - name: Table with a sticky header\n    file: fixtures/duet-table_table_with_a_sticky_header.html\n  - name: Table with multiple bodies and sub-headings\n    file: fixtures/duet-table_table_with_multiple_bodies_and_sub-headings.html\n  - name: Comparison table\n    file: fixtures/duet-table_comparison_table.html\n  - name: Table as grouped collection, hidden headers in desktop view\n    file: fixtures/duet-table_table_as_grouped_collection.html\ntags:\n  - docs-components\n\n---\n\n<!-- usage -->"
       },
       "attributes": [
         {
@@ -4915,7 +5023,7 @@
       "name": "duet-upload",
       "description": {
         "kind": "markdown",
-        "value": "---\ntitle: Upload\nname: duet-upload\nstatus: ready\nreleased: 4.30.0\nplatforms: Web only\ninternationalization: Supported\nssr: Supported\ncategory: Forms\naccessibility: Keyboard, Screen Reader\nintro: The upload component is used to allow users to upload one / several files to an upload server.\ndescription: This component can either be used in a nearly autonomous way by using its default \"internal\" operation mode, or it can keep state for you upload code via its \"external\" operation mode, the internal mode requires a server that can receive uploads via POST requests and DELETE requests on the same URL. Internal mode assumes that you want to upload files immediately when a user has selected one or more files and that your server is able to receive a Delete request to remove any files uploads again.\nexamples:\n  - name: upload\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Upload component using external upload\n    file: fixtures/duet-upload-external.html      \n  - name: Upload component using external upload Styled via parts\n    file: fixtures/duet-upload-external-part-styling.html\n  - name: Upload component using external upload and custom categories\n    file: fixtures/duet-upload-external_custom_categories.html\n  - name: Upload component using external upload hidden categories\n    file: fixtures/duet-upload-external_hidden_labels.html\n  - name: Upload component using external upload prefilled\n    file: fixtures/duet-upload-external_prefilled_items.html\n  - name: Upload component using external upload prefilled with mock links\n    file: fixtures/duet-upload-external_prefilled_items_with_links.html\n  - name: Demonstration of how to use methods\n    file: fixtures/duet-upload-external_methods.html\ntags:\n  - docs-components\n---\n\n<!-- usage -->"
+        "value": "---\ntitle: Upload\nname: duet-upload\nstatus: ready\nreleased: 4.30.0\nplatforms: Web only\ninternationalization: Supported\nssr: Supported\ncategory: Forms\naccessibility: Keyboard, Screen Reader\nintro: The upload component is used to allow users to upload one / several files to an upload server.\ndescription: This component can either be used in a nearly autonomous way by using its default \"internal\" operation mode, or it can keep state for you upload code via its \"external\" operation mode, the internal mode requires a server that can receive uploads via POST requests and DELETE requests on the same URL. Internal mode assumes that you want to upload files immediately when a user has selected one or more files and that your server is able to receive a Delete request to remove any files uploads again.\nexamples:\n  - name: upload\n    code: This first example creates the actual URL and DOCS, hence it needs to be\n      here.\n  - name: Upload component using internal upload\n    file: fixtures/duet-upload-component_with_internal_uploading.html\n  - name: Upload component using internal upload, submit disabled\n    file: fixtures/duet-upload-component_with_internal_uploading_with_submit_disabled.html\n  - name: Upload component using external upload\n    file: fixtures/duet-upload-external.html      \n  - name: Upload component using external upload Styled via parts\n    file: fixtures/duet-upload-external-part-styling.html\n  - name: Upload component using external upload and custom categories\n    file: fixtures/duet-upload-external_custom_categories.html\n  - name: Upload component using external upload hidden categories\n    file: fixtures/duet-upload-external_hidden_labels.html\n  - name: Upload component using external upload prefilled\n    file: fixtures/duet-upload-external_prefilled_items.html\n  - name: Upload component using external upload prefilled with mock links\n    file: fixtures/duet-upload-external_prefilled_items_with_links.html\n  - name: Demonstration of how to use methods\n    file: fixtures/duet-upload-external_methods.html\ntags:\n  - docs-components\n---\n\n<!-- usage -->"
       },
       "attributes": [
         {
@@ -4938,10 +5046,6 @@
           "name": "accessible-owns",
           "description": "Indicates the id of a component owned by the input."
         },
-        {
-          "name": "actions",
-          "description": "Default actions added to the internally used duet-editable-table"
-        },
         {
           "name": "alignment",
           "description": "Key used to set vertical alignment of action buttons"
@@ -4994,10 +5098,6 @@
           "name": "list-empty-default",
           "description": "Defaults for the filelist's empty state."
         },
-        {
-          "name": "groups",
-          "description": "Array of group names that you want the editable table to use to display files"
-        },
         {
           "name": "hide-upload-button",
           "description": "If set the upload component will not display an upload button, you will have to create one yourself\nand call the exposed method startUpload"

package/lib/types/components/duet-action-button/duet-action-button.d.ts

@@ -0,0 +1,112 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { DuetColor, DuetTheme } from "../../common-types";
+import { DuetLangObject } from "../../utils/language-utils";
+import { ThemeableComponent } from "../../utils/themeable-component";
+export declare type DuetActionButtonEvent = {
+  originalEvent?: Event;
+  component: "duet-action-button";
+  action: string;
+  name?: string;
+  id?: string | undefined;
+  index?: string | undefined;
+  meta?: Record<any, any> | string | undefined;
+};
+export declare type DuetActionButtonIconSize = "xx-small" | "x-small" | "small";
+/**
+ * Slot: default slot inside an invisible element, this can be used to enhance accessibility
+ * Part: button this part enables style overrides for the button
+ * Part: icon this part enables style overrides for the icon
+ */
+export declare class DuetActionButton implements ThemeableComponent {
+  numbersStore: string;
+  /**
+   * Reference to host HTML element.
+   */
+  element: HTMLElement;
+  /**
+   * Theme of the pagination.
+   */
+  theme: DuetTheme;
+  /**
+   * Name of the icon to display
+   */
+  iconName: string;
+  /**
+   * Color of the icon to display
+   */
+  iconColor: string;
+  /**
+   * Size of the icon
+   */
+  iconSize: DuetActionButtonIconSize;
+  /**
+   * Name of action being called
+   */
+  actionName: string;
+  /**
+   * Name of id of action that was called being called
+   */
+  actionId: string;
+  /**
+   * Name of id of action that was called being called
+   */
+  actionMeta: Record<any, any> | string;
+  /**
+   * Disables the button
+   */
+  disabled: boolean;
+  /**
+   * Custom color to be used for the icon, as a design token entered in camelCase
+   * or kebab-case. Example: "color-primary". This property can also be set to
+   * "currentColor" which forces the icon to use the CSS text color of parent
+   * element instead. Useful when you want to control the color in stylesheet
+   * instead.
+   */
+  color: DuetColor;
+  /**
+   * Custom color to be used for a background, as a design token entered
+   * in camelCase or kebab-case. Using this option the icon will always be resized
+   * to $size-icon-medium on mobile viewports. Example: "color-primary".
+   */
+  background: DuetColor;
+  /**
+   * Described By id
+   */
+  ariaDescribedBy: string;
+  /**
+   * Aria description the button
+   */
+  ariaDescription: string;
+  /**
+   * Default pagination labels
+   */
+  ariaLabelsDefaults: DuetLangObject;
+  /**
+   * Default pagination labels
+   */
+  ariaLabels: Record<string, string>;
+  /**
+   * Used to indicate which dom element with ID this element controls
+   */
+  ariaControls: string;
+  /**
+   * Emitted a page selection has been made
+   */
+  duetActionEvent: EventEmitter<DuetActionButtonEvent>;
+  private listId;
+  /**
+   * Private methods.
+   */
+  private emitPageEvent;
+  private onKeyboardDown;
+  private onMouseHandler;
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad(): void;
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render(): any;
+}

package/lib/types/components/duet-button/duet-button.d.ts

@@ -30,6 +30,10 @@ export declare class DuetButton implements ThemeableComponent, FormComponent {
    * the attribute to point to the unique id of the content that the button manages.
    */
   accessibleControls: string;
+  /**
+   * Use this property to add an aria-haspopup attribute to a button, if you are using it as a menu button.
+   */
+  accessiblePopup: string;
   /**
    * Indicates the id of a related component’s visually focused element.
    */

package/lib/types/components/duet-editable-table/duet-editable-table-tabledata.d.ts

@@ -1,8 +1,8 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
 interface TableDataProps {
   data: any;
-  groupId: string;
-  alignment: string;
+  groupId?: string;
+  alignment?: string;
 }
 export declare const TableData: FunctionalComponent<TableDataProps>;
 export {};