@duetds/components 6.2.4 → 6.2.6

package/lib/dist-custom-elements/index.d.ts

@@ -1,6 +1,79 @@
 /* Duet custom elements */
-
-import type { Components, JSX } from "../types/components";
+export { DuetActionButton as DuetActionButton } from '../types/components/duet-action-button/duet-action-button';
+export { DuetAlert as DuetAlert } from '../types/components/duet-alert/duet-alert';
+export { DuetBadge as DuetBadge } from '../types/components/duet-badge/duet-badge';
+export { DuetBreadcrumb as DuetBreadcrumb } from '../types/components/duet-breadcrumbs/duet-breadcrumb';
+export { DuetBreadcrumbs as DuetBreadcrumbs } from '../types/components/duet-breadcrumbs/duet-breadcrumbs';
+export { DuetButton as DuetButton } from '../types/components/duet-button/duet-button';
+export { DuetCaption as DuetCaption } from '../types/components/duet-caption/duet-caption';
+export { DuetCard as DuetCard } from '../types/components/duet-card/duet-card';
+export { DuetCheckbox as DuetCheckbox } from '../types/components/duet-checkbox/duet-checkbox';
+export { DuetChoice as DuetChoice } from '../types/components/duet-choice/duet-choice';
+export { DuetChoiceGroup as DuetChoiceGroup } from '../types/components/duet-choice-group/duet-choice-group';
+export { DuetCollapsible as DuetCollapsible } from '../types/components/duet-collapsible/duet-collapsible';
+export { DuetCombobox as DuetCombobox } from '../types/components/duet-combobox/duet-combobox';
+export { DuetCookieConsent as DuetCookieConsent } from '../types/components/duet-cookie-consent/duet-cookie-consent';
+export { DuetDatePicker as DuetDatePicker } from '../types/components/duet-date-picker/duet-date-picker';
+export { DuetDivider as DuetDivider } from '../types/components/duet-divider/duet-divider';
+export { DuetEditableTable as DuetEditableTable } from '../types/components/duet-editable-table/duet-editable-table';
+export { DuetEmptyState as DuetEmptyState } from '../types/components/duet-empty-state/duet-empty-state';
+export { DuetFieldset as DuetFieldset } from '../types/components/duet-fieldset/duet-fieldset';
+export { DuetFooter as DuetFooter } from '../types/components/duet-footer/duet-footer';
+export { DuetGrid as DuetGrid } from '../types/components/duet-grid/duet-grid';
+export { DuetGridItem as DuetGridItem } from '../types/components/duet-grid-item/duet-grid-item';
+export { DuetHeader as DuetHeader } from '../types/components/duet-header/duet-header';
+export { DuetHeading as DuetHeading } from '../types/components/duet-heading/duet-heading';
+export { DuetHero as DuetHero } from '../types/components/duet-hero/duet-hero';
+export { DuetIcon as DuetIcon } from '../types/components/duet-icon/duet-icon';
+export { DuetInput as DuetInput } from '../types/components/duet-input/duet-input';
+export { DuetLabel as DuetLabel } from '../types/components/duet-label/duet-label';
+export { DuetLayout as DuetLayout } from '../types/components/duet-layout/duet-layout';
+export { DuetLink as DuetLink } from '../types/components/duet-link/duet-link';
+export { DuetList as DuetList } from '../types/components/duet-list/duet-list';
+export { DuetListItem as DuetListItem } from '../types/components/duet-list-item/duet-list-item';
+export { DuetLogo as DuetLogo } from '../types/components/duet-logo/duet-logo';
+export { DuetMenuBar as DuetMenuBar } from '../types/components/duet-menu-bar/duet-menu-bar';
+export { DuetMenuBarDropdown as DuetMenuBarDropdown } from '../types/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown';
+export { DuetMenuBarDropdownLink as DuetMenuBarDropdownLink } from '../types/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link';
+export { DuetMenuBarLink as DuetMenuBarLink } from '../types/components/duet-menu-bar-link/duet-menu-bar-link';
+export { DuetModal as DuetModal } from '../types/components/duet-modal/duet-modal';
+export { DuetMultiselect as DuetMultiselect } from '../types/components/duet-multiselect/duet-multiselect';
+export { DuetMenuBar as DuetNav } from '../types/components/duet-nav/duet-nav';
+export { DuetNotification as DuetNotification } from '../types/components/duet-notification/duet-notification';
+export { DuetNotificationDrawer as DuetNotificationDrawer } from '../types/components/duet-notification-drawer/duet-notification-drawer';
+export { DuetNumberInput as DuetNumberInput } from '../types/components/duet-number-input/duet-number-input';
+export { DuetPagination as DuetPagination } from '../types/components/duet-pagination/duet-pagination';
+export { DuetParagraph as DuetParagraph } from '../types/components/duet-paragraph/duet-paragraph';
+export { DuetProgress as DuetProgress } from '../types/components/duet-progress/duet-progress';
+export { DuetRadio as DuetRadio } from '../types/components/duet-radio/duet-radio';
+export { DuetRadioGroup as DuetRadioGroup } from '../types/components/duet-radio-group/duet-radio-group';
+export { DuetRangeSlider as DuetRangeSlider } from '../types/components/duet-range-slider/duet-range-slider';
+export { DuetRangeStepper as DuetRangeStepper } from '../types/components/duet-range-stepper/duet-range-stepper';
+export { DuetScrollable as DuetScrollable } from '../types/components/duet-scrollable/duet-scrollable';
+export { DuetSectionLayout as DuetSectionLayout } from '../types/components/duet-section-layout/duet-section-layout';
+export { DuetSelect as DuetSelect } from '../types/components/duet-select/duet-select';
+export { DuetSpacer as DuetSpacer } from '../types/components/duet-spacer/duet-spacer';
+export { DuetSpinner as DuetSpinner } from '../types/components/duet-spinner/duet-spinner';
+export { DuetStep as DuetStep } from '../types/components/duet-step/duet-step';
+export { DuetStepper as DuetStepper } from '../types/components/duet-stepper/duet-stepper';
+export { DuetSubmenuBar as DuetSubmenuBar } from '../types/components/duet-submenu-bar/duet-submenu-bar';
+export { DuetSubmenuBarDropdown as DuetSubmenuBarDropdown } from '../types/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown';
+export { DuetSubmenuBarDropdownLink as DuetSubmenuBarDropdownLink } from '../types/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link';
+export { DuetSubmenuBarLink as DuetSubmenuBarLink } from '../types/components/duet-submenu-bar-link/duet-submenu-bar-link';
+export { DuetTab as DuetTab } from '../types/components/duet-tab/duet-tab';
+export { DuetTabGroup as DuetTabGroup } from '../types/components/duet-tab-group/duet-tab-group';
+export { DuetTable as DuetTable } from '../types/components/duet-table/duet-table';
+export { DuetTextarea as DuetTextarea } from '../types/components/duet-textarea/duet-textarea';
+export { DuetToggle as DuetToggle } from '../types/components/duet-toggle/duet-toggle';
+export { DuetToolbar as DuetToolbar } from '../types/components/duet-toolbar/duet-toolbar';
+export { DuetToolbarDropdown as DuetToolbarDropdown } from '../types/components/duet-toolbar-dropdown/duet-toolbar-dropdown';
+export { DuetToolbarDropdownLink as DuetToolbarDropdownLink } from '../types/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link';
+export { DuetToolbarLink as DuetToolbarLink } from '../types/components/duet-toolbar-link/duet-toolbar-link';
+export { DuetTooltip as DuetTooltip } from '../types/components/duet-tooltip/duet-tooltip';
+export { DuetTray as DuetTray } from '../types/components/duet-tray/duet-tray';
+export { DuetUpload as DuetUpload } from '../types/components/duet-upload/duet-upload';
+export { DuetUploadAriaStatus as DuetUploadAriaStatus } from '../types/components/duet-upload-aria-status/duet-upload-aria-status';
+export { DuetVisuallyHidden as DuetVisuallyHidden } from '../types/components/duet-visually-hidden/duet-visually-hidden';
 
 /**
  * Used to manually set the base path where assets can be found.
@@ -20,7 +93,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
 export * from '../types/components';

package/lib/dist-custom-elements/index.js

@@ -1,7 +1,82 @@
 /*!
  * Built with Duet Design System
  */
-export { s as setAssetPath, a as setPlatformOptions } from './p-4367369a.js';
+export { s as setAssetPath, a as setPlatformOptions } from './p-a1724291.js';
+export { DuetActionButton, defineCustomElement as defineCustomElementDuetActionButton } from './duet-action-button.js';
+export { DuetAlert, defineCustomElement as defineCustomElementDuetAlert } from './duet-alert.js';
+export { DuetBadge, defineCustomElement as defineCustomElementDuetBadge } from './duet-badge.js';
+export { DuetBreadcrumb, defineCustomElement as defineCustomElementDuetBreadcrumb } from './duet-breadcrumb.js';
+export { DuetBreadcrumbs, defineCustomElement as defineCustomElementDuetBreadcrumbs } from './duet-breadcrumbs.js';
+export { DuetButton, defineCustomElement as defineCustomElementDuetButton } from './duet-button.js';
+export { DuetCaption, defineCustomElement as defineCustomElementDuetCaption } from './duet-caption.js';
+export { DuetCard, defineCustomElement as defineCustomElementDuetCard } from './duet-card.js';
+export { DuetCheckbox, defineCustomElement as defineCustomElementDuetCheckbox } from './duet-checkbox.js';
+export { DuetChoice, defineCustomElement as defineCustomElementDuetChoice } from './duet-choice.js';
+export { DuetChoiceGroup, defineCustomElement as defineCustomElementDuetChoiceGroup } from './duet-choice-group.js';
+export { DuetCollapsible, defineCustomElement as defineCustomElementDuetCollapsible } from './duet-collapsible.js';
+export { DuetCombobox, defineCustomElement as defineCustomElementDuetCombobox } from './duet-combobox.js';
+export { DuetCookieConsent, defineCustomElement as defineCustomElementDuetCookieConsent } from './duet-cookie-consent.js';
+export { DuetDatePicker, defineCustomElement as defineCustomElementDuetDatePicker } from './duet-date-picker.js';
+export { DuetDivider, defineCustomElement as defineCustomElementDuetDivider } from './duet-divider.js';
+export { DuetEditableTable, defineCustomElement as defineCustomElementDuetEditableTable } from './duet-editable-table.js';
+export { DuetEmptyState, defineCustomElement as defineCustomElementDuetEmptyState } from './duet-empty-state.js';
+export { DuetFieldset, defineCustomElement as defineCustomElementDuetFieldset } from './duet-fieldset.js';
+export { DuetFooter, defineCustomElement as defineCustomElementDuetFooter } from './duet-footer.js';
+export { DuetGrid, defineCustomElement as defineCustomElementDuetGrid } from './duet-grid.js';
+export { DuetGridItem, defineCustomElement as defineCustomElementDuetGridItem } from './duet-grid-item.js';
+export { DuetHeader, defineCustomElement as defineCustomElementDuetHeader } from './duet-header.js';
+export { DuetHeading, defineCustomElement as defineCustomElementDuetHeading } from './duet-heading.js';
+export { DuetHero, defineCustomElement as defineCustomElementDuetHero } from './duet-hero.js';
+export { DuetIcon, defineCustomElement as defineCustomElementDuetIcon } from './duet-icon.js';
+export { DuetInput, defineCustomElement as defineCustomElementDuetInput } from './duet-input.js';
+export { DuetLabel, defineCustomElement as defineCustomElementDuetLabel } from './duet-label.js';
+export { DuetLayout, defineCustomElement as defineCustomElementDuetLayout } from './duet-layout.js';
+export { DuetLink, defineCustomElement as defineCustomElementDuetLink } from './duet-link.js';
+export { DuetList, defineCustomElement as defineCustomElementDuetList } from './duet-list.js';
+export { DuetListItem, defineCustomElement as defineCustomElementDuetListItem } from './duet-list-item.js';
+export { DuetLogo, defineCustomElement as defineCustomElementDuetLogo } from './duet-logo.js';
+export { DuetMenuBar, defineCustomElement as defineCustomElementDuetMenuBar } from './duet-menu-bar.js';
+export { DuetMenuBarDropdown, defineCustomElement as defineCustomElementDuetMenuBarDropdown } from './duet-menu-bar-dropdown.js';
+export { DuetMenuBarDropdownLink, defineCustomElement as defineCustomElementDuetMenuBarDropdownLink } from './duet-menu-bar-dropdown-link.js';
+export { DuetMenuBarLink, defineCustomElement as defineCustomElementDuetMenuBarLink } from './duet-menu-bar-link.js';
+export { DuetModal, defineCustomElement as defineCustomElementDuetModal } from './duet-modal.js';
+export { DuetMultiselect, defineCustomElement as defineCustomElementDuetMultiselect } from './duet-multiselect.js';
+export { DuetNav, defineCustomElement as defineCustomElementDuetNav } from './duet-nav.js';
+export { DuetNotification, defineCustomElement as defineCustomElementDuetNotification } from './duet-notification.js';
+export { DuetNotificationDrawer, defineCustomElement as defineCustomElementDuetNotificationDrawer } from './duet-notification-drawer.js';
+export { DuetNumberInput, defineCustomElement as defineCustomElementDuetNumberInput } from './duet-number-input.js';
+export { DuetPagination, defineCustomElement as defineCustomElementDuetPagination } from './duet-pagination.js';
+export { DuetParagraph, defineCustomElement as defineCustomElementDuetParagraph } from './duet-paragraph.js';
+export { DuetProgress, defineCustomElement as defineCustomElementDuetProgress } from './duet-progress.js';
+export { DuetRadio, defineCustomElement as defineCustomElementDuetRadio } from './duet-radio.js';
+export { DuetRadioGroup, defineCustomElement as defineCustomElementDuetRadioGroup } from './duet-radio-group.js';
+export { DuetRangeSlider, defineCustomElement as defineCustomElementDuetRangeSlider } from './duet-range-slider.js';
+export { DuetRangeStepper, defineCustomElement as defineCustomElementDuetRangeStepper } from './duet-range-stepper.js';
+export { DuetScrollable, defineCustomElement as defineCustomElementDuetScrollable } from './duet-scrollable.js';
+export { DuetSectionLayout, defineCustomElement as defineCustomElementDuetSectionLayout } from './duet-section-layout.js';
+export { DuetSelect, defineCustomElement as defineCustomElementDuetSelect } from './duet-select.js';
+export { DuetSpacer, defineCustomElement as defineCustomElementDuetSpacer } from './duet-spacer.js';
+export { DuetSpinner, defineCustomElement as defineCustomElementDuetSpinner } from './duet-spinner.js';
+export { DuetStep, defineCustomElement as defineCustomElementDuetStep } from './duet-step.js';
+export { DuetStepper, defineCustomElement as defineCustomElementDuetStepper } from './duet-stepper.js';
+export { DuetSubmenuBar, defineCustomElement as defineCustomElementDuetSubmenuBar } from './duet-submenu-bar.js';
+export { DuetSubmenuBarDropdown, defineCustomElement as defineCustomElementDuetSubmenuBarDropdown } from './duet-submenu-bar-dropdown.js';
+export { DuetSubmenuBarDropdownLink, defineCustomElement as defineCustomElementDuetSubmenuBarDropdownLink } from './duet-submenu-bar-dropdown-link.js';
+export { DuetSubmenuBarLink, defineCustomElement as defineCustomElementDuetSubmenuBarLink } from './duet-submenu-bar-link.js';
+export { DuetTab, defineCustomElement as defineCustomElementDuetTab } from './duet-tab.js';
+export { DuetTabGroup, defineCustomElement as defineCustomElementDuetTabGroup } from './duet-tab-group.js';
+export { DuetTable, defineCustomElement as defineCustomElementDuetTable } from './duet-table.js';
+export { DuetTextarea, defineCustomElement as defineCustomElementDuetTextarea } from './duet-textarea.js';
+export { DuetToggle, defineCustomElement as defineCustomElementDuetToggle } from './duet-toggle.js';
+export { DuetToolbar, defineCustomElement as defineCustomElementDuetToolbar } from './duet-toolbar.js';
+export { DuetToolbarDropdown, defineCustomElement as defineCustomElementDuetToolbarDropdown } from './duet-toolbar-dropdown.js';
+export { DuetToolbarDropdownLink, defineCustomElement as defineCustomElementDuetToolbarDropdownLink } from './duet-toolbar-dropdown-link.js';
+export { DuetToolbarLink, defineCustomElement as defineCustomElementDuetToolbarLink } from './duet-toolbar-link.js';
+export { DuetTooltip, defineCustomElement as defineCustomElementDuetTooltip } from './duet-tooltip.js';
+export { DuetTray, defineCustomElement as defineCustomElementDuetTray } from './duet-tray.js';
+export { DuetUpload, defineCustomElement as defineCustomElementDuetUpload } from './duet-upload.js';
+export { DuetUploadAriaStatus, defineCustomElement as defineCustomElementDuetUploadAriaStatus } from './duet-upload-aria-status.js';
+export { DuetVisuallyHidden, defineCustomElement as defineCustomElementDuetVisuallyHidden } from './duet-visually-hidden.js';
 
 const TAB_KEY = 9;
 const appGlobalScript = () => {

package/lib/dist-custom-elements/{p-dcffd5be.js → p-0145dc9f.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h } from './p-a1724291.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 
 const duetDividerCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
@@ -11,13 +11,7 @@ const DuetDivider = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme of the divider.
-     */
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
   }
   /**

package/lib/dist-custom-elements/{p-0938933e.js → p-029208b5.js}

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-a1724291.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as fieldSorter } from './p-0b3f675e.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { h } from './p-b9058029.js';
-import { d as defineCustomElement$6 } from './p-f674e164.js';
-import { d as defineCustomElement$5 } from './p-b4b809ff.js';
-import { d as defineCustomElement$4 } from './p-908c1151.js';
-import { d as defineCustomElement$3 } from './p-862c60cc.js';
-import { d as defineCustomElement$2 } from './p-1f03397c.js';
-import { d as defineCustomElement$1 } from './p-70d1ca9f.js';
+import { h } from './p-e4a60f42.js';
+import { d as defineCustomElement$6 } from './p-076044f7.js';
+import { d as defineCustomElement$5 } from './p-11621a52.js';
+import { d as defineCustomElement$4 } from './p-91098fd5.js';
+import { d as defineCustomElement$3 } from './p-7b1b2eef.js';
+import { d as defineCustomElement$2 } from './p-f079cc55.js';
+import { d as defineCustomElement$1 } from './p-2d3fc462.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {
@@ -33,69 +33,6 @@ const DuetEditableTable = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__registerHost();
     this.duetTableToggle = createEvent(this, "duetTableToggle", 7);
     this.duetMenuClick = createEvent(this, "duetMenuClick", 7);
-    /**
-     * Duet-table: margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Duet-table: Style variation of the table.
-     */
-    this.variation = "striped";
-    /**
-     * Duet-table: Controls whether the table has a sticky header.
-     * Sticky headers are not compatible with breakpoint="none-scrollable".
-     */
-    this.sticky = false;
-    /**
-     * Duet-table: Adjust the distance from top of the viewport (in pixels) when the
-     * table header becomes sticky.
-     */
-    this.stickyDistance = "with-links";
-    /**
-     * Duet-table: By default the table is responsive - it will be flattened at narrow viewport widths.
-     * This prop controls the breakpoint at which the table should be rendered as a _regular_ table.
-     * Set to "none" to disable the responsive functionality.
-     * Set to "none-scrollable" to disable responsive functionality _and_ allow horizontal scrolling -
-     * this is useful for comparison tables where it's important to maintain column and row layout.
-     */
-    this.breakpoint = "small";
-    /**
-     * Define actions for all items in a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.actions = undefined;
-    /**
-     * Define columns for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.columns = undefined;
-    /**
-     * Define rows for a table
-     * An alternative to inline HTML table.
-     * required for Sortable tables
-     * @default undefined
-     */
-    this.rows = undefined;
-    /**
-     * Controls whether the table is sortable by headers
-     */
-    this.sortable = false;
-    /**
-     * Optional id that get passed to the table and used to setup ::parts
-     */
-    this.groupId = "";
-    /**
-     * Theme of the table.
-     */
-    this.theme = "";
-    /**
-     * Exposes the aria role for optimizing accessibility.
-     */
-    this.accessibleRole = undefined;
     this.sortableDefaultLabel = {
       fi: "Järjestä",
       en: "Click to sort",
@@ -126,6 +63,18 @@ const DuetEditableTable = /*@__PURE__*/ proxyCustomElement(class extends H {
         this.toggleColumn(column, e);
       }
     };
+    this.margin = "auto";
+    this.variation = "striped";
+    this.sticky = false;
+    this.stickyDistance = "with-links";
+    this.breakpoint = "small";
+    this.actions = undefined;
+    this.columns = undefined;
+    this.rows = undefined;
+    this.sortable = false;
+    this.groupId = "";
+    this.theme = "";
+    this.accessibleRole = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/{p-f674e164.js → p-076044f7.js}

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-a1724291.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { d as debounce } from './p-0b3f675e.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './p-9ed347f9.js';
-import { d as defineCustomElement$2 } from './p-908c1151.js';
-import { d as defineCustomElement$1 } from './p-70d1ca9f.js';
+import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './p-535ce3ec.js';
+import { d as defineCustomElement$2 } from './p-91098fd5.js';
+import { d as defineCustomElement$1 } from './p-2d3fc462.js';
 
 const duetActionButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}button.duet-action-button{white-space:nowrap}button.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px !important;color:#00294d;cursor:pointer;background:#f5f8fa;border-radius:50%;transition:background-color 300ms ease !important}.duet-theme-turva button.duet-action-button{color:#171c3a;background:#f5f5f7}button.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){button.duet-action-button{width:32px;height:32px}}button.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-theme-turva button.duet-action-button:not(:disabled):hover{background:#e9e9eb}button.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva button.duet-action-button:focus{box-shadow:0 0 0 2px #171c3a !important}button.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-theme-turva button.duet-action-button:active:focus{background:#ddddde !important}button.duet-action-button:disabled{color:#909599;cursor:default;background:#f5f8fa;opacity:0.75}.duet-theme-turva button.duet-action-button:disabled{color:#747475;background:#f5f5f7}";
 
@@ -20,79 +20,36 @@ const DuetActionButton = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__attachShadow();
     this.duetActionEvent = createEvent(this, "duetActionEvent", 6);
     this.listId = createID("duet-action-button");
-    this.numbersStore = "";
     /**
-     * Theme of the pagination.
+     * Private methods.
      */
+    //helper to emit relevant page events
+    this.emitPageEvent = debounce(e => {
+      this.duetActionEvent.emit({
+        component: "duet-action-button",
+        originalEvent: e,
+        action: this.actionId,
+        name: this.actionName,
+        meta: this.actionMeta,
+        id: this.listId,
+      });
+    });
+    this.numbersStore = "";
     this.theme = "";
-    /**
-     * Name of the icon to display
-     */
     this.iconName = "action-arrow-left-small";
-    /**
-     * Color of the icon to display
-     */
     this.iconColor = "currentColor";
-    /**
-     * Size of the icon
-     */
     this.iconSize = "xx-small";
-    /**
-     * Name of action being called
-     */
     this.actionName = "default-action";
-    /**
-     * Name of id of action that was called being called
-     */
     this.actionId = undefined;
-    /**
-     * Name of id of action that was called being called
-     */
     this.actionMeta = undefined;
-    /**
-     * Disables the button
-     */
     this.disabled = false;
-    /**
-     * 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.
-     */
     this.color = "";
-    /**
-     * 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".
-     */
     this.background = "";
-    /**
-     * Title of the action button (shows as DOM tooltip when hovering)
-     * if set to true, this will try to add a best-guess title based on action-name
-     * if set to a string the string is used
-     * if set to false nothing is set
-     */
     this.accessibleTitle = true;
-    /**
-     * Described By id
-     */
     this.accessibleDescribedBy = undefined;
-    /**
-     * Details of the component
-     */
     this.accessibleDetails = undefined;
-    /**
-     * String of id's that indicate alternative labels elements
-     */
     this.accessibleLabelledBy = undefined;
-    /**
-     * Aria description the button
-     */
     this.accessibleDescription = undefined;
-    /**
-     * Default accessible labels
-     */
     this.accessibleLabelsDefaults = {
       en: {
         label: "Click to activate action",
@@ -104,28 +61,8 @@ const DuetActionButton = /*@__PURE__*/ proxyCustomElement(class extends H {
         label: "Klicka för att aktivera åtgärd",
       },
     };
-    /**
-     * Default accessible labels
-     */
     this.accessibleLabels = getLocaleString(this.accessibleLabelsDefaults);
-    /**
-     * Used to indicate which dom element with ID this element controls
-     */
     this.accessibleControls = "";
-    /**
-     * Private methods.
-     */
-    //helper to emit relevant page events
-    this.emitPageEvent = debounce(e => {
-      this.duetActionEvent.emit({
-        component: "duet-action-button",
-        originalEvent: e,
-        action: this.actionId,
-        name: this.actionName,
-        meta: this.actionMeta,
-        id: this.listId,
-      });
-    });
   }
   //handle a11y keyboard navigation events
   async onKeyboardDown(e) {

package/lib/dist-custom-elements/{p-c5d74817.js → p-0bc5bea3.js}

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
-import { j as colorGrayLightest, k as colorBrandGrayTurva, l as colorPrimaryTurva, n as colorBrandBlue } from './p-33e00967.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-a1724291.js';
+import { e as colorGrayLightest, f as colorBrandGrayTurva, c as colorPrimaryTurva, g as colorBrandBlue } from './p-55325c49.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { a as getLanguage } from './p-ede854e1.js';
@@ -45,31 +45,11 @@ const DuetLogo = /*@__PURE__*/ proxyCustomElement(class extends H {
      * Own Properties.
      */
     this.logoId = createID("DuetLogo");
-    /**
-     * Theme of the logo.
-     */
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Use inverse version of the logo (white logo on dark background).
-     */
     this.inverse = false;
-    /**
-     * Size variation of the logo.
-     */
     this.size = "medium";
-    /**
-     * Where the logo links to.
-     */
     this.href = "/";
-    /**
-     * The language of the logo.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-     * @default "fi"
-     */
     this.language = getLanguage();
   }
   /**