dap-design-system 0.63.0 → 0.63.2

package/dist/react/dap-ds-file-input/index.d.ts

@@ -53,6 +53,7 @@ export type { DdsFilesAcceptedEvent } from '../../events/events';
 * @property {boolean} showDropzone - Whether to show a separate dropzone area.
 * @property {string} dropzoneText - Text to display in the dropzone.
 * @property {string} dropzoneAriaLabel - Aria label for the dropzone.
+* @property {string} regionAriaLabel - Accessible name of the file upload region landmark. Defaults to the localized "File upload area" text.
 * @property {boolean} dropzoneFocusable - Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).
 * @property {boolean} showFileList - Whether to show the built-in file list.
 * @property {boolean} confirmRemove - Whether to show confirmation dialog before removing files.

package/dist/react/dap-ds-file-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-file-input/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/file-input/file-input.js'\n      import type { DdsUploadStartEvent } from '../../events/events'\nimport type { DdsUploadProgressEvent } from '../../events/events'\nimport type { DdsUploadCompleteEvent } from '../../events/events'\nimport type { DdsUploadErrorEvent } from '../../events/events'\nimport type { DdsAllUploadsCompleteEvent } from '../../events/events'\nimport type { DdsFileRemovedEvent } from '../../events/events'\nimport type { DdsFileDeleteErrorEvent } from '../../events/events'\nimport type { DdsFileChangeEvent } from '../../events/events'\nimport type { DdsFilesAcceptedEvent } from '../../events/events'\n      export type { DdsUploadStartEvent } from '../../events/events'\nexport type { DdsUploadProgressEvent } from '../../events/events'\nexport type { DdsUploadCompleteEvent } from '../../events/events'\nexport type { DdsUploadErrorEvent } from '../../events/events'\nexport type { DdsAllUploadsCompleteEvent } from '../../events/events'\nexport type { DdsFileRemovedEvent } from '../../events/events'\nexport type { DdsFileDeleteErrorEvent } from '../../events/events'\nexport type { DdsFileChangeEvent } from '../../events/events'\nexport type { DdsFilesAcceptedEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-file-input'\n\n      /**\n * `dap-ds-file-input`\n * @summary A file input is a control that allows users to select files to upload.\n * @element dap-ds-file-input\n * @title - File input\n *\n * @property {string} name - The name of the file input.\n * @property {string} value - The value of the file input.\n * @property {'success' | 'error'} status - The status of the file input.\n * @property {string} label - The label for the file input.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description for the file input.\n * @property {string} tooltip - The tooltip for the file input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {boolean} disabled - Whether the file input is disabled.\n * @property { 'xs' | 'sm' | 'lg' } size - The size of the file input.\n * @property {string} feedback - The feedback for the file input.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of feedback for the file input.\n * @property {boolean} required - Whether the file input is required.\n * @property {string} requiredLabel - The required indicator of the file input. (default: '*')\n * @property {boolean} optional - Whether the file input is optional.\n * @property {string} optionalLabel - The optional label of the file input.\n * @property {boolean} subtle - Font weight of the feedback label. Default is `false` which is bold.\n * @property {string} uploadButtonLabel - The label for the upload button.\n * @property {string} browseButtonLabel - The label for the browse button.\n * @property {string} accept - The file types that the file input accepts.\n * @property {boolean} multiple - Whether the file input accepts multiple files.\n * @property {boolean} keepValue - Whether to keep the value when new files are selected.\n * @property {string} uploadUrl - A remote URL to upload files to.\n * @property {string} deleteUrl - A remote URL to delete uploaded files from. Supports placeholders: `{fileName}`, `{id}`, `{key}`, `{location}`.\n * @property {string} uploadHeaders - Custom headers for upload requests (JSON string).\n * @property {string} deleteHeaders - Custom headers for delete requests (JSON string).\n * @property {boolean} autoupload - Whether to automatically upload files after selection.\n * @property {number} maxFiles - The maximum number of files that can be uploaded.\n * @property {number} maxFileSize - The maximum size of files that can be uploaded (in bytes).\n * @property {number} maxSizePerFile - The maximum size a single file can have (in bytes).\n * @property {string} maxFileSizeErrorText - Text for the max file size error.\n * @property {string} maxSizePerFileErrorText - Text for the max size per file error.\n * @property {string} maxFileAmountErrorText - Text for the max file amount error.\n * @property {string} fileTypeErrorText - Text for the file type error.\n * @property {boolean} showDropzone - Whether to show a separate dropzone area.\n * @property {string} dropzoneText - Text to display in the dropzone.\n * @property {string} dropzoneAriaLabel - Aria label for the dropzone.\n * @property {boolean} dropzoneFocusable - Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).\n * @property {boolean} showFileList - Whether to show the built-in file list.\n * @property {boolean} confirmRemove - Whether to show confirmation dialog before removing files.\n * @property {string} showUploadButton - Whether to show the upload button. Default is `true`.\n * @property {string} removeButtonLabel - The label for the remove button.\n * @property {string} cancelButtonLabel - The label for the cancel button.\n *\n * @event {{ file: File }} dds-upload-start - Fired when a file upload starts.\n * @event {{ file: File, progress: number }} dds-upload-progress - Fired during file upload progress.\n * @event {{ file: File, item: DapDSFileInputListItem, result: any }} dds-upload-complete - Fired when a file upload completes successfully.\n * @event {{ file?: File, errors: FileError[], item?: DapDSFileInputListItem }} dds-upload-error - Fired when a file upload encounters an error. Always contains an errors array, even if there is only one error.\n * @event {{ void }} dds-all-uploads-complete - Fired when all file uploads are complete.\n * @event {{ file: FileListElement }} dds-file-removed - Fired when a file is removed from the file input.\n * @event {{ file: FileListElement, error: Error }} dds-file-delete-error - Fired when a file deletion from server encounters an error.\n * @event {{ newFiles: File[], files: File[], canceledFiles: Set<File>, currentFiles: File[] }} dds-file-change - Fired when the file input value changes. This event is cancelable. Event detail contains: `newFiles` (just the files being added in this operation), `currentFiles` (all files that were already selected before this operation), `files` (all files after merge with existing when keepValue=true), and `canceledFiles` (Set to add files you want to reject). You can either: (1) Call `event.preventDefault()` to reject all files, or (2) Add specific files to `canceledFiles` to reject only those files.\n * @event {{ files: File[] }} dds-files-accepted - Fired when the file input value changes. This event is cancelable. Event detail contains: `files` (all files after merge with existing when keepValue=true).\n *\n * @slot dropzone-content - The content to display in the dropzone.\n *\n * @csspart base - The main file input container.\n * @csspart input - The file input control.\n * @csspart label - The file input label.\n * @csspart description - The file input description.\n * @csspart feedback - The file input feedback.\n * @csspart tooltip - The file input tooltip.\n * @csspart upload-progress - The upload progress container.\n * @csspart browse-button - The browse button.\n * @csspart upload-button - The upload button.\n * @csspart dropzone - The dropzone area.\n * @csspart label-base - The base of the label.\n * @csspart label-required - The required indicator of the label.\n * @csspart label-optional - The optional indicator of the label.\n *\n * @cssproperty --dds-file-input-holder-margin - The margin of the input holder in shorthand format: top right bottom left (default: var(--dds-spacing-400) 0 0 0)\n * @cssproperty --dds-file-input-dropzone-padding - The padding of the dropzone (default: var(--dds-spacing-800))\n * @cssproperty --dds-file-input-dropzone-border - The border of the dropzone in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-border-neutral-subtle))\n * @cssproperty --dds-file-input-dropzone-border-radius - The border radius of the dropzone (default: var(--dds-radius-base))\n * @cssproperty --dds-file-input-dropzone-background - The background of the dropzone (default: var(--dds-color-background-primary))\n * @cssproperty --dds-file-input-dropzone-border-hover - The border of the dropzone on hover in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-color-border-primary-hover))\n * @cssproperty --dds-file-input-dropzone-background-hover - The background of the dropzone on hover (default: var(--dds-color-background-primary-hover))\n * @cssproperty --dds-file-input-dropzone-border-dragover - The border of the dropzone when dragging over in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-color-border-accent))\n * @cssproperty --dds-file-input-dropzone-background-dragover - The background of the dropzone when dragging over (default: var(--dds-color-background-accent-light))\n * @cssproperty --dds-file-input-dropzone-border-disabled - The border of the disabled dropzone in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-border-neutral-disabled))\n * @cssproperty --dds-file-input-dropzone-gap - The gap between elements in the dropzone content (default: var(--dds-spacing-300))\n * @cssproperty --dds-file-input-dropzone-accept-color - The text color of the accepted file types in the dropzone (default: var(--dds-color-text-secondary))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsUploadStart: 'dds-upload-start' as EventName<DdsUploadStartEvent>,\nonDdsUploadProgress: 'dds-upload-progress' as EventName<DdsUploadProgressEvent>,\nonDdsUploadComplete: 'dds-upload-complete' as EventName<DdsUploadCompleteEvent>,\nonDdsUploadError: 'dds-upload-error' as EventName<DdsUploadErrorEvent>,\nonDdsAllUploadsComplete: 'dds-all-uploads-complete' as EventName<DdsAllUploadsCompleteEvent>,\nonDdsFileRemoved: 'dds-file-removed' as EventName<DdsFileRemovedEvent>,\nonDdsFileDeleteError: 'dds-file-delete-error' as EventName<DdsFileDeleteErrorEvent>,\nonDdsFileChange: 'dds-file-change' as EventName<DdsFileChangeEvent>,\nonDdsFilesAccepted: 'dds-files-accepted' as EventName<DdsFilesAcceptedEvent>\n        },\n        displayName: \"DapDSFileInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAyBM,MAAMA,IAAU,qBA2FVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,kBAAkB;AAAA,IAC5B,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB,yBAAyB;AAAA,IACzB,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EACZ;AAAA,EACA,aAAa;AACf,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-file-input/index.ts"],"sourcesContent":["\n      import { createComponent } from '@lit/react'\n      import { type EventName } from '@lit/react'\n      import * as React from 'react'\n\n      import Component from '../../components/file-input/file-input.js'\n      import type { DdsUploadStartEvent } from '../../events/events'\nimport type { DdsUploadProgressEvent } from '../../events/events'\nimport type { DdsUploadCompleteEvent } from '../../events/events'\nimport type { DdsUploadErrorEvent } from '../../events/events'\nimport type { DdsAllUploadsCompleteEvent } from '../../events/events'\nimport type { DdsFileRemovedEvent } from '../../events/events'\nimport type { DdsFileDeleteErrorEvent } from '../../events/events'\nimport type { DdsFileChangeEvent } from '../../events/events'\nimport type { DdsFilesAcceptedEvent } from '../../events/events'\n      export type { DdsUploadStartEvent } from '../../events/events'\nexport type { DdsUploadProgressEvent } from '../../events/events'\nexport type { DdsUploadCompleteEvent } from '../../events/events'\nexport type { DdsUploadErrorEvent } from '../../events/events'\nexport type { DdsAllUploadsCompleteEvent } from '../../events/events'\nexport type { DdsFileRemovedEvent } from '../../events/events'\nexport type { DdsFileDeleteErrorEvent } from '../../events/events'\nexport type { DdsFileChangeEvent } from '../../events/events'\nexport type { DdsFilesAcceptedEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-file-input'\n\n      /**\n * `dap-ds-file-input`\n * @summary A file input is a control that allows users to select files to upload.\n * @element dap-ds-file-input\n * @title - File input\n *\n * @property {string} name - The name of the file input.\n * @property {string} value - The value of the file input.\n * @property {'success' | 'error'} status - The status of the file input.\n * @property {string} label - The label for the file input.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description for the file input.\n * @property {string} tooltip - The tooltip for the file input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {boolean} disabled - Whether the file input is disabled.\n * @property { 'xs' | 'sm' | 'lg' } size - The size of the file input.\n * @property {string} feedback - The feedback for the file input.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of feedback for the file input.\n * @property {boolean} required - Whether the file input is required.\n * @property {string} requiredLabel - The required indicator of the file input. (default: '*')\n * @property {boolean} optional - Whether the file input is optional.\n * @property {string} optionalLabel - The optional label of the file input.\n * @property {boolean} subtle - Font weight of the feedback label. Default is `false` which is bold.\n * @property {string} uploadButtonLabel - The label for the upload button.\n * @property {string} browseButtonLabel - The label for the browse button.\n * @property {string} accept - The file types that the file input accepts.\n * @property {boolean} multiple - Whether the file input accepts multiple files.\n * @property {boolean} keepValue - Whether to keep the value when new files are selected.\n * @property {string} uploadUrl - A remote URL to upload files to.\n * @property {string} deleteUrl - A remote URL to delete uploaded files from. Supports placeholders: `{fileName}`, `{id}`, `{key}`, `{location}`.\n * @property {string} uploadHeaders - Custom headers for upload requests (JSON string).\n * @property {string} deleteHeaders - Custom headers for delete requests (JSON string).\n * @property {boolean} autoupload - Whether to automatically upload files after selection.\n * @property {number} maxFiles - The maximum number of files that can be uploaded.\n * @property {number} maxFileSize - The maximum size of files that can be uploaded (in bytes).\n * @property {number} maxSizePerFile - The maximum size a single file can have (in bytes).\n * @property {string} maxFileSizeErrorText - Text for the max file size error.\n * @property {string} maxSizePerFileErrorText - Text for the max size per file error.\n * @property {string} maxFileAmountErrorText - Text for the max file amount error.\n * @property {string} fileTypeErrorText - Text for the file type error.\n * @property {boolean} showDropzone - Whether to show a separate dropzone area.\n * @property {string} dropzoneText - Text to display in the dropzone.\n * @property {string} dropzoneAriaLabel - Aria label for the dropzone.\n * @property {string} regionAriaLabel - Accessible name of the file upload region landmark. Defaults to the localized \"File upload area\" text.\n * @property {boolean} dropzoneFocusable - Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).\n * @property {boolean} showFileList - Whether to show the built-in file list.\n * @property {boolean} confirmRemove - Whether to show confirmation dialog before removing files.\n * @property {string} showUploadButton - Whether to show the upload button. Default is `true`.\n * @property {string} removeButtonLabel - The label for the remove button.\n * @property {string} cancelButtonLabel - The label for the cancel button.\n *\n * @event {{ file: File }} dds-upload-start - Fired when a file upload starts.\n * @event {{ file: File, progress: number }} dds-upload-progress - Fired during file upload progress.\n * @event {{ file: File, item: DapDSFileInputListItem, result: any }} dds-upload-complete - Fired when a file upload completes successfully.\n * @event {{ file?: File, errors: FileError[], item?: DapDSFileInputListItem }} dds-upload-error - Fired when a file upload encounters an error. Always contains an errors array, even if there is only one error.\n * @event {{ void }} dds-all-uploads-complete - Fired when all file uploads are complete.\n * @event {{ file: FileListElement }} dds-file-removed - Fired when a file is removed from the file input.\n * @event {{ file: FileListElement, error: Error }} dds-file-delete-error - Fired when a file deletion from server encounters an error.\n * @event {{ newFiles: File[], files: File[], canceledFiles: Set<File>, currentFiles: File[] }} dds-file-change - Fired when the file input value changes. This event is cancelable. Event detail contains: `newFiles` (just the files being added in this operation), `currentFiles` (all files that were already selected before this operation), `files` (all files after merge with existing when keepValue=true), and `canceledFiles` (Set to add files you want to reject). You can either: (1) Call `event.preventDefault()` to reject all files, or (2) Add specific files to `canceledFiles` to reject only those files.\n * @event {{ files: File[] }} dds-files-accepted - Fired when the file input value changes. This event is cancelable. Event detail contains: `files` (all files after merge with existing when keepValue=true).\n *\n * @slot dropzone-content - The content to display in the dropzone.\n *\n * @csspart base - The main file input container.\n * @csspart input - The file input control.\n * @csspart label - The file input label.\n * @csspart description - The file input description.\n * @csspart feedback - The file input feedback.\n * @csspart tooltip - The file input tooltip.\n * @csspart upload-progress - The upload progress container.\n * @csspart browse-button - The browse button.\n * @csspart upload-button - The upload button.\n * @csspart dropzone - The dropzone area.\n * @csspart label-base - The base of the label.\n * @csspart label-required - The required indicator of the label.\n * @csspart label-optional - The optional indicator of the label.\n *\n * @cssproperty --dds-file-input-holder-margin - The margin of the input holder in shorthand format: top right bottom left (default: var(--dds-spacing-400) 0 0 0)\n * @cssproperty --dds-file-input-dropzone-padding - The padding of the dropzone (default: var(--dds-spacing-800))\n * @cssproperty --dds-file-input-dropzone-border - The border of the dropzone in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-border-neutral-subtle))\n * @cssproperty --dds-file-input-dropzone-border-radius - The border radius of the dropzone (default: var(--dds-radius-base))\n * @cssproperty --dds-file-input-dropzone-background - The background of the dropzone (default: var(--dds-color-background-primary))\n * @cssproperty --dds-file-input-dropzone-border-hover - The border of the dropzone on hover in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-color-border-primary-hover))\n * @cssproperty --dds-file-input-dropzone-background-hover - The background of the dropzone on hover (default: var(--dds-color-background-primary-hover))\n * @cssproperty --dds-file-input-dropzone-border-dragover - The border of the dropzone when dragging over in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-color-border-accent))\n * @cssproperty --dds-file-input-dropzone-background-dragover - The background of the dropzone when dragging over (default: var(--dds-color-background-accent-light))\n * @cssproperty --dds-file-input-dropzone-border-disabled - The border of the disabled dropzone in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-border-neutral-disabled))\n * @cssproperty --dds-file-input-dropzone-gap - The gap between elements in the dropzone content (default: var(--dds-spacing-300))\n * @cssproperty --dds-file-input-dropzone-accept-color - The text color of the accepted file types in the dropzone (default: var(--dds-color-text-secondary))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsUploadStart: 'dds-upload-start' as EventName<DdsUploadStartEvent>,\nonDdsUploadProgress: 'dds-upload-progress' as EventName<DdsUploadProgressEvent>,\nonDdsUploadComplete: 'dds-upload-complete' as EventName<DdsUploadCompleteEvent>,\nonDdsUploadError: 'dds-upload-error' as EventName<DdsUploadErrorEvent>,\nonDdsAllUploadsComplete: 'dds-all-uploads-complete' as EventName<DdsAllUploadsCompleteEvent>,\nonDdsFileRemoved: 'dds-file-removed' as EventName<DdsFileRemovedEvent>,\nonDdsFileDeleteError: 'dds-file-delete-error' as EventName<DdsFileDeleteErrorEvent>,\nonDdsFileChange: 'dds-file-change' as EventName<DdsFileChangeEvent>,\nonDdsFilesAccepted: 'dds-files-accepted' as EventName<DdsFilesAcceptedEvent>\n        },\n        displayName: \"DapDSFileInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAyBM,MAAMA,IAAU,qBA4FVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,kBAAkB;AAAA,IAC5B,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,IAClB,yBAAyB;AAAA,IACzB,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EACZ;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/index.d.ts

@@ -1,18 +1,18 @@
-export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
 export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/index.js';
-export { default as DapDSBadgeReact } from './dap-ds-badge/index.js';
+export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
 export { default as DapDSAvatarReact } from './dap-ds-avatar/index.js';
-export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-group/index.js';
+export { default as DapDSAvatarGroupReact } from './dap-ds-avatar-group/index.js';
+export { default as DapDSBadgeReact } from './dap-ds-badge/index.js';
 export { default as DapDSBannerReact } from './dap-ds-banner/index.js';
 export { default as DapDSBreadcrumbReact } from './dap-ds-breadcrumb/index.js';
-export { default as DapDSAvatarGroupReact } from './dap-ds-avatar-group/index.js';
+export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-group/index.js';
 export { default as DapDSBreadcrumbItemReact } from './dap-ds-breadcrumb-item/index.js';
 export { default as DapDSButtonReact } from './dap-ds-button/index.js';
-export { default as DapDSCalendarCellReact } from './dap-ds-calendar-cell/index.js';
-export { default as DapDSCalendarReact } from './dap-ds-calendar/index.js';
 export { default as DapDSButtonGroupSeparatorReact } from './dap-ds-button-group-separator/index.js';
 export { default as DapDSButtonGroupTextReact } from './dap-ds-button-group-text/index.js';
 export { default as DapDSButtonGroupReact } from './dap-ds-button-group/index.js';
+export { default as DapDSCalendarCellReact } from './dap-ds-calendar-cell/index.js';
+export { default as DapDSCalendarReact } from './dap-ds-calendar/index.js';
 export { default as DapDSCalloutReact } from './dap-ds-callout/index.js';
 export { default as DapDSCardActionsReact } from './dap-ds-card-actions/index.js';
 export { default as DapDSCardContentReact } from './dap-ds-card-content/index.js';
@@ -42,15 +42,15 @@ export { default as DapDSFileInputReact } from './dap-ds-file-input/index.js';
 export { default as DapDSIconReact } from './dap-ds-icon/index.js';
 export { default as DapDSIconButtonReact } from './dap-ds-icon-button/index.js';
 export { default as DapDSImageZoomReact } from './dap-ds-image-zoom/index.js';
-export { default as DapDSInputReact } from './dap-ds-input/index.js';
 export { default as DapDSLabelReact } from './dap-ds-label/index.js';
+export { default as DapDSInputReact } from './dap-ds-input/index.js';
 export { default as DapDSLinkReact } from './dap-ds-link/index.js';
 export { default as DapDSListItemReact } from './dap-ds-list-item/index.js';
 export { default as DapDSModalReact } from './dap-ds-modal/index.js';
+export { default as DapDSNumberInputReact } from './dap-ds-number-input/index.js';
+export { default as DapDSNotificationBadgeReact } from './dap-ds-notification-badge/index.js';
 export { default as DapDSNavigationMenuItemReact } from './dap-ds-navigation-menu-item/index.js';
 export { default as DapDSNavigationMenuReact } from './dap-ds-navigation-menu/index.js';
-export { default as DapDSNotificationBadgeReact } from './dap-ds-notification-badge/index.js';
-export { default as DapDSNumberInputReact } from './dap-ds-number-input/index.js';
 export { default as DapDSOfficialWebsiteBannerReact } from './dap-ds-official-website-banner/index.js';
 export { default as DapDSOptionGroupReact } from './dap-ds-option-group/index.js';
 export { default as DapDSOptionItemReact } from './dap-ds-option-item/index.js';
@@ -59,8 +59,8 @@ export { default as DapDSOverlayReact } from './dap-ds-overlay/index.js';
 export { default as DapDSPagerReact } from './dap-ds-pager/index.js';
 export { default as DapDSPasswordInputReact } from './dap-ds-password-input/index.js';
 export { default as DapDSPopupReact } from './dap-ds-popup/index.js';
-export { default as DapDSRadioButtonReact } from './dap-ds-radio-button/index.js';
 export { default as DapDSProgressReact } from './dap-ds-progress/index.js';
+export { default as DapDSRadioButtonReact } from './dap-ds-radio-button/index.js';
 export { default as DapDSRatingReact } from './dap-ds-rating/index.js';
 export { default as DapDSScrollAreaReact } from './dap-ds-scroll-area/index.js';
 export { default as DapDSScrollProgressReact } from './dap-ds-scroll-progress/index.js';
@@ -78,11 +78,11 @@ export { default as DapDSStackReact } from './dap-ds-stack/index.js';
 export { default as DapDSSwitchReact } from './dap-ds-switch/index.js';
 export { default as DapDSTabGroupReact } from './dap-ds-tab-group/index.js';
 export { default as DapDSTabReact } from './dap-ds-tab/index.js';
+export { default as DapDSTextareaReact } from './dap-ds-textarea/index.js';
 export { default as DapDSTableCellReact } from './dap-ds-table-cell/index.js';
 export { default as DapDSTableHeaderReact } from './dap-ds-table-header/index.js';
 export { default as DapDSTableRowReact } from './dap-ds-table-row/index.js';
 export { default as DapDSTableReact } from './dap-ds-table/index.js';
-export { default as DapDSTextareaReact } from './dap-ds-textarea/index.js';
 export { default as DapDSTimelineItemReact } from './dap-ds-timeline-item/index.js';
 export { default as DapDSTimelineReact } from './dap-ds-timeline/index.js';
 export { default as DapDSTimeGridReact } from './dap-ds-time-grid/index.js';
@@ -114,10 +114,10 @@ export { default as ArrowsArrowUpLineReact } from './dap-ds-icon-arrow-up-line/i
 export { default as ArrowsArrowUpSFillReact } from './dap-ds-icon-arrow-up-s-fill/index.js';
 export { default as ArrowsArrowUpSLineReact } from './dap-ds-icon-arrow-up-s-line/index.js';
 export { default as ArrowsExpandUpDownFillReact } from './dap-ds-icon-expand-up-down-fill/index.js';
+export { default as BuildingsHome6LineReact } from './dap-ds-icon-home-6-line/index.js';
 export { default as BusinessCalendarLineReact } from './dap-ds-icon-calendar-line/index.js';
 export { default as DesignEditLineReact } from './dap-ds-icon-edit-line/index.js';
 export { default as DesignToolsLineReact } from './dap-ds-icon-tools-line/index.js';
-export { default as BuildingsHome6LineReact } from './dap-ds-icon-home-6-line/index.js';
 export { default as DeviceComputerLineReact } from './dap-ds-icon-computer-line/index.js';
 export { default as DocumentClipboardLineReact } from './dap-ds-icon-clipboard-line/index.js';
 export { default as DocumentFileCopyLineReact } from './dap-ds-icon-file-copy-line/index.js';
@@ -140,11 +140,11 @@ export { default as SystemAlertFillReact } from './dap-ds-icon-alert-fill/index.
 export { default as SystemAlertLineReact } from './dap-ds-icon-alert-line/index.js';
 export { default as SystemCheckLineReact } from './dap-ds-icon-check-line/index.js';
 export { default as SystemCheckLine2React } from './dap-ds-icon-check-line2/index.js';
-export { default as SystemCheckboxBlankCircleFillReact } from './dap-ds-icon-checkbox-blank-circle-fill/index.js';
 export { default as SystemCheckboxBlankCircleFillCheckReact } from './dap-ds-icon-checkbox-blank-circle-fill-check/index.js';
+export { default as SystemCheckboxBlankCircleFillReact } from './dap-ds-icon-checkbox-blank-circle-fill/index.js';
 export { default as SystemCheckboxBlankCircleLineReact } from './dap-ds-icon-checkbox-blank-circle-line/index.js';
-export { default as SystemCheckboxCircleFillReact } from './dap-ds-icon-checkbox-circle-fill/index.js';
 export { default as SystemCheckboxCircleLineReact } from './dap-ds-icon-checkbox-circle-line/index.js';
+export { default as SystemCheckboxCircleFillReact } from './dap-ds-icon-checkbox-circle-fill/index.js';
 export { default as SystemCloseCircleFillReact } from './dap-ds-icon-close-circle-fill/index.js';
 export { default as SystemCloseCircleLineReact } from './dap-ds-icon-close-circle-line/index.js';
 export { default as SystemCloseFillReact } from './dap-ds-icon-close-fill/index.js';
@@ -163,8 +163,8 @@ export { default as SystemInformationFillReact } from './dap-ds-icon-information
 export { default as SystemInformationLineReact } from './dap-ds-icon-information-line/index.js';
 export { default as SystemLightbulbFillReact } from './dap-ds-icon-lightbulb-fill/index.js';
 export { default as SystemLoadingSpinnerReact } from './dap-ds-icon-loading-spinner/index.js';
-export { default as SystemLockLineReact } from './dap-ds-icon-lock-line/index.js';
 export { default as SystemLockFillReact } from './dap-ds-icon-lock-fill/index.js';
+export { default as SystemLockLineReact } from './dap-ds-icon-lock-line/index.js';
 export { default as SystemMenuLineReact } from './dap-ds-icon-menu-line/index.js';
 export { default as SystemMenuLineSReact } from './dap-ds-icon-menu-line-s/index.js';
 export { default as SystemMore2LineReact } from './dap-ds-icon-more-2-line/index.js';

package/dist/react-types.ts

@@ -3,21 +3,21 @@ import type { DdsAllUploadsCompleteEvent, DdsAnchorChangeEvent, DdsBeforeCloseEv
 type HtmlType = { children?: React.ReactNode | Element, class?: string, ref?: React.RefObject<any>, key?: React.Key | null | undefined,
   style?: Partial<CSSStyleDeclaration>, id?: string, onClick?: (e: React.MouseEvent) => void, onChange?: (e: React.ChangeEvent) => void}
   
-export type DapDSAccordionType = HtmlType & Partial<Omit<DDS.DapDSAccordion, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
 export type DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, 'children' | 'style'>>
-export type DapDSBadgeType = HtmlType & Partial<Omit<DDS.DapDSBadge, 'children' | 'style'>>
+export type DapDSAccordionType = HtmlType & Partial<Omit<DDS.DapDSAccordion, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
 export type DapDSAvatarType = HtmlType & Partial<Omit<DDS.DapDSAvatar, 'children' | 'style'>> & { "ondds-load"?: (e: DdsLoadEvent) => void, "ondds-error"?: (e: DdsErrorEvent) => void }
-export type DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, 'children' | 'style'>>
+export type DapDSAvatarGroupType = HtmlType & Partial<Omit<DDS.DapDSAvatarGroup, 'children' | 'style'>> & { "ondds-overflow-click"?: (e: DdsOverflowClickEvent) => void }
+export type DapDSBadgeType = HtmlType & Partial<Omit<DDS.DapDSBadge, 'children' | 'style'>>
 export type DapDSBannerType = HtmlType & Partial<Omit<DDS.DapDSBanner, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
 export type DapDSBreadcrumbType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumb, 'children' | 'style'>>
-export type DapDSAvatarGroupType = HtmlType & Partial<Omit<DDS.DapDSAvatarGroup, 'children' | 'style'>> & { "ondds-overflow-click"?: (e: DdsOverflowClickEvent) => void }
+export type DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, 'children' | 'style'>>
 export type DapDSBreadcrumbItemType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumbItem, 'children' | 'style'>>
 export type DapDSButtonType = HtmlType & Partial<Omit<DDS.DapDSButton, 'children' | 'style'>> & { "ondds-loading-timeout"?: (e: DdsLoadingTimeoutEvent) => void }
-export type DapDSCalendarCellType = HtmlType & Partial<Omit<DDS.DapDSCalendarCell, 'children' | 'style'>>
-export type DapDSCalendarType = HtmlType & Partial<Omit<DDS.DapDSCalendar, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void }
 export type DapDSButtonGroupSeparatorType = HtmlType & Partial<Omit<DDS.DapDSButtonGroupSeparator, 'children' | 'style'>>
 export type DapDSButtonGroupTextType = HtmlType & Partial<Omit<DDS.DapDSButtonGroupText, 'children' | 'style'>>
 export type DapDSButtonGroupType = HtmlType & Partial<Omit<DDS.DapDSButtonGroup, 'children' | 'style'>>
+export type DapDSCalendarCellType = HtmlType & Partial<Omit<DDS.DapDSCalendarCell, 'children' | 'style'>>
+export type DapDSCalendarType = HtmlType & Partial<Omit<DDS.DapDSCalendar, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void }
 export type DapDSCalloutType = HtmlType & Partial<Omit<DDS.DapDSCallout, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
 export type DapDSCardActionsType = HtmlType & Partial<Omit<DDS.DapDSCardActions, 'children' | 'style'>>
 export type DapDSCardContentType = HtmlType & Partial<Omit<DDS.DapDSCardContent, 'children' | 'style'>>
@@ -47,15 +47,15 @@ export type DapDSFileInputType = HtmlType & Partial<Omit<DDS.DapDSFileInput, 'ch
 export type DapDSIconType = HtmlType & Partial<Omit<DDS.DapDSIcon, 'children' | 'style'>>
 export type DapDSIconButtonType = HtmlType & Partial<Omit<DDS.DapDSIconButton, 'children' | 'style'>>
 export type DapDSImageZoomType = HtmlType & Partial<Omit<DDS.DapDSImageZoom, 'children' | 'style'>> & { "ondds-zoom"?: (e: DdsZoomEvent) => void, "ondds-unzoom"?: (e: DdsUnzoomEvent) => void }
-export type DapDSInputType = HtmlType & Partial<Omit<DDS.DapDSInput, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
 export type DapDSLabelType = HtmlType & Partial<Omit<DDS.DapDSLabel, 'children' | 'style'>>
+export type DapDSInputType = HtmlType & Partial<Omit<DDS.DapDSInput, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
 export type DapDSLinkType = HtmlType & Partial<Omit<DDS.DapDSLink, 'children' | 'style'>> & { "ondds-click"?: (e: DdsClickEvent) => void }
 export type DapDSListItemType = HtmlType & Partial<Omit<DDS.DapDSListItem, 'children' | 'style'>>
 export type DapDSModalType = HtmlType & Partial<Omit<DDS.DapDSModal, 'children' | 'style'>> & { "ondds-before-open"?: (e: DdsBeforeOpenEvent) => void, "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-before-close"?: (e: DdsBeforeCloseEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void, "ondds-ok"?: (e: DdsOkEvent) => void, "ondds-cancel"?: (e: DdsCancelEvent) => void }
+export type DapDSNumberInputType = HtmlType & Partial<Omit<DDS.DapDSNumberInput, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
+export type DapDSNotificationBadgeType = HtmlType & Partial<Omit<DDS.DapDSNotificationBadge, 'children' | 'style'>>
 export type DapDSNavigationMenuItemType = HtmlType & Partial<Omit<DDS.DapDSNavigationMenuItem, 'children' | 'style'>> & { "ondds-navigation-item-click"?: (e: DdsNavigationItemClickEvent) => void, "ondds-navigation-dropdown-open"?: (e: DdsNavigationDropdownOpenEvent) => void }
 export type DapDSNavigationMenuType = HtmlType & Partial<Omit<DDS.DapDSNavigationMenu, 'children' | 'style'>> & { "ondds-navigation-item-click"?: (e: DdsNavigationItemClickEvent) => void }
-export type DapDSNotificationBadgeType = HtmlType & Partial<Omit<DDS.DapDSNotificationBadge, 'children' | 'style'>>
-export type DapDSNumberInputType = HtmlType & Partial<Omit<DDS.DapDSNumberInput, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
 export type DapDSOfficialWebsiteBannerType = HtmlType & Partial<Omit<DDS.DapDSOfficialWebsiteBanner, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
 export type DapDSOptionGroupType = HtmlType & Partial<Omit<DDS.DapDSOptionGroup, 'children' | 'style'>>
 export type DapDSOptionItemType = HtmlType & Partial<Omit<DDS.DapDSOptionItem, 'children' | 'style'>>
@@ -64,8 +64,8 @@ export type DapDSOverlayType = HtmlType & Partial<Omit<DDS.DapDSOverlay, 'childr
 export type DapDSPagerType = HtmlType & Partial<Omit<DDS.DapDSPager, 'children' | 'style'>> & { "ondds-pagination-change"?: (e: DdsPaginationChangeEvent) => void }
 export type DapDSPasswordInputType = HtmlType & Partial<Omit<DDS.DapDSPasswordInput, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
 export type DapDSPopupType = HtmlType & Partial<Omit<DDS.DapDSPopup, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
-export type DapDSRadioButtonType = HtmlType & Partial<Omit<DDS.DapDSRadioButton, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
 export type DapDSProgressType = HtmlType & Partial<Omit<DDS.DapDSProgress, 'children' | 'style'>>
+export type DapDSRadioButtonType = HtmlType & Partial<Omit<DDS.DapDSRadioButton, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
 export type DapDSRatingType = HtmlType & Partial<Omit<DDS.DapDSRating, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void }
 export type DapDSScrollAreaType = HtmlType & Partial<Omit<DDS.DapDSScrollArea, 'children' | 'style'>>
 export type DapDSScrollProgressType = HtmlType & Partial<Omit<DDS.DapDSScrollProgress, 'children' | 'style'>>
@@ -83,11 +83,11 @@ export type DapDSStackType = HtmlType & Partial<Omit<DDS.DapDSStack, 'children'
 export type DapDSSwitchType = HtmlType & Partial<Omit<DDS.DapDSSwitch, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
 export type DapDSTabGroupType = HtmlType & Partial<Omit<DDS.DapDSTabGroup, 'children' | 'style'>> & { "ondds-tab-select"?: (e: DdsTabSelectEvent) => void }
 export type DapDSTabType = HtmlType & Partial<Omit<DDS.DapDSTab, 'children' | 'style'>>
+export type DapDSTextareaType = HtmlType & Partial<Omit<DDS.DapDSTextarea, 'children' | 'style'>> & { "ondds-count-change"?: (e: DdsCountChangeEvent) => void, "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-select"?: (e: DdsSelectEvent) => void }
 export type DapDSTableCellType = HtmlType & Partial<Omit<DDS.DapDSTableCell, 'children' | 'style'>>
 export type DapDSTableHeaderType = HtmlType & Partial<Omit<DDS.DapDSTableHeader, 'children' | 'style'>>
 export type DapDSTableRowType = HtmlType & Partial<Omit<DDS.DapDSTableRow, 'children' | 'style'>>
 export type DapDSTableType = HtmlType & Partial<Omit<DDS.DapDSTable, 'children' | 'style'>>
-export type DapDSTextareaType = HtmlType & Partial<Omit<DDS.DapDSTextarea, 'children' | 'style'>> & { "ondds-count-change"?: (e: DdsCountChangeEvent) => void, "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-select"?: (e: DdsSelectEvent) => void }
 export type DapDSTimelineItemType = HtmlType & Partial<Omit<DDS.DapDSTimelineItem, 'children' | 'style'>>
 export type DapDSTimelineType = HtmlType & Partial<Omit<DDS.DapDSTimeline, 'children' | 'style'>>
 export type DapDSTimeGridType = HtmlType & Partial<Omit<DDS.DapDSTimeGrid, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
@@ -119,10 +119,10 @@ export type ArrowsArrowUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpLin
 export type ArrowsArrowUpSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSFill, 'children' | 'style'>>
 export type ArrowsArrowUpSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSLine, 'children' | 'style'>>
 export type ArrowsExpandUpDownFillType = HtmlType & Partial<Omit<DDS.ArrowsExpandUpDownFill, 'children' | 'style'>>
+export type BuildingsHome6LineType = HtmlType & Partial<Omit<DDS.BuildingsHome6Line, 'children' | 'style'>>
 export type BusinessCalendarLineType = HtmlType & Partial<Omit<DDS.BusinessCalendarLine, 'children' | 'style'>>
 export type DesignEditLineType = HtmlType & Partial<Omit<DDS.DesignEditLine, 'children' | 'style'>>
 export type DesignToolsLineType = HtmlType & Partial<Omit<DDS.DesignToolsLine, 'children' | 'style'>>
-export type BuildingsHome6LineType = HtmlType & Partial<Omit<DDS.BuildingsHome6Line, 'children' | 'style'>>
 export type DeviceComputerLineType = HtmlType & Partial<Omit<DDS.DeviceComputerLine, 'children' | 'style'>>
 export type DocumentClipboardLineType = HtmlType & Partial<Omit<DDS.DocumentClipboardLine, 'children' | 'style'>>
 export type DocumentFileCopyLineType = HtmlType & Partial<Omit<DDS.DocumentFileCopyLine, 'children' | 'style'>>
@@ -145,11 +145,11 @@ export type SystemAlertFillType = HtmlType & Partial<Omit<DDS.SystemAlertFill, '
 export type SystemAlertLineType = HtmlType & Partial<Omit<DDS.SystemAlertLine, 'children' | 'style'>>
 export type SystemCheckLineType = HtmlType & Partial<Omit<DDS.SystemCheckLine, 'children' | 'style'>>
 export type SystemCheckLine2Type = HtmlType & Partial<Omit<DDS.SystemCheckLine2, 'children' | 'style'>>
-export type SystemCheckboxBlankCircleFillType = HtmlType & Partial<Omit<DDS.SystemCheckboxBlankCircleFill, 'children' | 'style'>>
 export type SystemCheckboxBlankCircleFillCheckType = HtmlType & Partial<Omit<DDS.SystemCheckboxBlankCircleFillCheck, 'children' | 'style'>>
+export type SystemCheckboxBlankCircleFillType = HtmlType & Partial<Omit<DDS.SystemCheckboxBlankCircleFill, 'children' | 'style'>>
 export type SystemCheckboxBlankCircleLineType = HtmlType & Partial<Omit<DDS.SystemCheckboxBlankCircleLine, 'children' | 'style'>>
-export type SystemCheckboxCircleFillType = HtmlType & Partial<Omit<DDS.SystemCheckboxCircleFill, 'children' | 'style'>>
 export type SystemCheckboxCircleLineType = HtmlType & Partial<Omit<DDS.SystemCheckboxCircleLine, 'children' | 'style'>>
+export type SystemCheckboxCircleFillType = HtmlType & Partial<Omit<DDS.SystemCheckboxCircleFill, 'children' | 'style'>>
 export type SystemCloseCircleFillType = HtmlType & Partial<Omit<DDS.SystemCloseCircleFill, 'children' | 'style'>>
 export type SystemCloseCircleLineType = HtmlType & Partial<Omit<DDS.SystemCloseCircleLine, 'children' | 'style'>>
 export type SystemCloseFillType = HtmlType & Partial<Omit<DDS.SystemCloseFill, 'children' | 'style'>>
@@ -168,8 +168,8 @@ export type SystemInformationFillType = HtmlType & Partial<Omit<DDS.SystemInform
 export type SystemInformationLineType = HtmlType & Partial<Omit<DDS.SystemInformationLine, 'children' | 'style'>>
 export type SystemLightbulbFillType = HtmlType & Partial<Omit<DDS.SystemLightbulbFill, 'children' | 'style'>>
 export type SystemLoadingSpinnerType = HtmlType & Partial<Omit<DDS.SystemLoadingSpinner, 'children' | 'style'>>
-export type SystemLockLineType = HtmlType & Partial<Omit<DDS.SystemLockLine, 'children' | 'style'>>
 export type SystemLockFillType = HtmlType & Partial<Omit<DDS.SystemLockFill, 'children' | 'style'>>
+export type SystemLockLineType = HtmlType & Partial<Omit<DDS.SystemLockLine, 'children' | 'style'>>
 export type SystemMenuLineType = HtmlType & Partial<Omit<DDS.SystemMenuLine, 'children' | 'style'>>
 export type SystemMenuLineSType = HtmlType & Partial<Omit<DDS.SystemMenuLineS, 'children' | 'style'>>
 export type SystemMore2LineType = HtmlType & Partial<Omit<DDS.SystemMore2Line, 'children' | 'style'>>

package/dist/react.js

@@ -1,18 +1,18 @@
-import { default as t } from "./react/dap-ds-accordion/index.js";
-import { default as o } from "./react/dap-ds-anchor-heading/index.js";
-import { default as p } from "./react/dap-ds-badge/index.js";
-import { default as s } from "./react/dap-ds-avatar/index.js";
-import { default as c } from "./react/dap-ds-accordion-group/index.js";
+import { default as t } from "./react/dap-ds-anchor-heading/index.js";
+import { default as o } from "./react/dap-ds-accordion/index.js";
+import { default as p } from "./react/dap-ds-avatar/index.js";
+import { default as s } from "./react/dap-ds-avatar-group/index.js";
+import { default as c } from "./react/dap-ds-badge/index.js";
 import { default as d } from "./react/dap-ds-banner/index.js";
 import { default as x } from "./react/dap-ds-breadcrumb/index.js";
-import { default as i } from "./react/dap-ds-avatar-group/index.js";
+import { default as i } from "./react/dap-ds-accordion-group/index.js";
 import { default as n } from "./react/dap-ds-breadcrumb-item/index.js";
 import { default as y } from "./react/dap-ds-button/index.js";
-import { default as A } from "./react/dap-ds-calendar-cell/index.js";
-import { default as F } from "./react/dap-ds-calendar/index.js";
-import { default as b } from "./react/dap-ds-button-group-separator/index.js";
-import { default as k } from "./react/dap-ds-button-group-text/index.js";
-import { default as T } from "./react/dap-ds-button-group/index.js";
+import { default as A } from "./react/dap-ds-button-group-separator/index.js";
+import { default as F } from "./react/dap-ds-button-group-text/index.js";
+import { default as b } from "./react/dap-ds-button-group/index.js";
+import { default as k } from "./react/dap-ds-calendar-cell/index.js";
+import { default as T } from "./react/dap-ds-calendar/index.js";
 import { default as U } from "./react/dap-ds-callout/index.js";
 import { default as v } from "./react/dap-ds-card-actions/index.js";
 import { default as P } from "./react/dap-ds-card-content/index.js";
@@ -42,15 +42,15 @@ import { default as ke } from "./react/dap-ds-file-input/index.js";
 import { default as Te } from "./react/dap-ds-icon/index.js";
 import { default as Ue } from "./react/dap-ds-icon-button/index.js";
 import { default as ve } from "./react/dap-ds-image-zoom/index.js";
-import { default as Pe } from "./react/dap-ds-input/index.js";
-import { default as Ee } from "./react/dap-ds-label/index.js";
+import { default as Pe } from "./react/dap-ds-label/index.js";
+import { default as Ee } from "./react/dap-ds-input/index.js";
 import { default as Ne } from "./react/dap-ds-link/index.js";
 import { default as Ze } from "./react/dap-ds-list-item/index.js";
 import { default as je } from "./react/dap-ds-modal/index.js";
-import { default as ze } from "./react/dap-ds-navigation-menu-item/index.js";
-import { default as Ke } from "./react/dap-ds-navigation-menu/index.js";
-import { default as Xe } from "./react/dap-ds-notification-badge/index.js";
-import { default as _e } from "./react/dap-ds-number-input/index.js";
+import { default as ze } from "./react/dap-ds-number-input/index.js";
+import { default as Ke } from "./react/dap-ds-notification-badge/index.js";
+import { default as Xe } from "./react/dap-ds-navigation-menu-item/index.js";
+import { default as _e } from "./react/dap-ds-navigation-menu/index.js";
 import { default as ea } from "./react/dap-ds-official-website-banner/index.js";
 import { default as ta } from "./react/dap-ds-option-group/index.js";
 import { default as oa } from "./react/dap-ds-option-item/index.js";
@@ -59,8 +59,8 @@ import { default as sa } from "./react/dap-ds-overlay/index.js";
 import { default as ca } from "./react/dap-ds-pager/index.js";
 import { default as da } from "./react/dap-ds-password-input/index.js";
 import { default as xa } from "./react/dap-ds-popup/index.js";
-import { default as ia } from "./react/dap-ds-radio-button/index.js";
-import { default as na } from "./react/dap-ds-progress/index.js";
+import { default as ia } from "./react/dap-ds-progress/index.js";
+import { default as na } from "./react/dap-ds-radio-button/index.js";
 import { default as ya } from "./react/dap-ds-rating/index.js";
 import { default as Aa } from "./react/dap-ds-scroll-area/index.js";
 import { default as Fa } from "./react/dap-ds-scroll-progress/index.js";
@@ -78,11 +78,11 @@ import { default as za } from "./react/dap-ds-stack/index.js";
 import { default as Ka } from "./react/dap-ds-switch/index.js";
 import { default as Xa } from "./react/dap-ds-tab-group/index.js";
 import { default as _a } from "./react/dap-ds-tab/index.js";
-import { default as et } from "./react/dap-ds-table-cell/index.js";
-import { default as tt } from "./react/dap-ds-table-header/index.js";
-import { default as ot } from "./react/dap-ds-table-row/index.js";
-import { default as pt } from "./react/dap-ds-table/index.js";
-import { default as st } from "./react/dap-ds-textarea/index.js";
+import { default as et } from "./react/dap-ds-textarea/index.js";
+import { default as tt } from "./react/dap-ds-table-cell/index.js";
+import { default as ot } from "./react/dap-ds-table-header/index.js";
+import { default as pt } from "./react/dap-ds-table-row/index.js";
+import { default as st } from "./react/dap-ds-table/index.js";
 import { default as ct } from "./react/dap-ds-timeline-item/index.js";
 import { default as dt } from "./react/dap-ds-timeline/index.js";
 import { default as xt } from "./react/dap-ds-time-grid/index.js";
@@ -114,10 +114,10 @@ import { default as cr } from "./react/dap-ds-icon-arrow-up-line/index.js";
 import { default as dr } from "./react/dap-ds-icon-arrow-up-s-fill/index.js";
 import { default as xr } from "./react/dap-ds-icon-arrow-up-s-line/index.js";
 import { default as ir } from "./react/dap-ds-icon-expand-up-down-fill/index.js";
-import { default as nr } from "./react/dap-ds-icon-calendar-line/index.js";
-import { default as yr } from "./react/dap-ds-icon-edit-line/index.js";
-import { default as Ar } from "./react/dap-ds-icon-tools-line/index.js";
-import { default as Fr } from "./react/dap-ds-icon-home-6-line/index.js";
+import { default as nr } from "./react/dap-ds-icon-home-6-line/index.js";
+import { default as yr } from "./react/dap-ds-icon-calendar-line/index.js";
+import { default as Ar } from "./react/dap-ds-icon-edit-line/index.js";
+import { default as Fr } from "./react/dap-ds-icon-tools-line/index.js";
 import { default as br } from "./react/dap-ds-icon-computer-line/index.js";
 import { default as kr } from "./react/dap-ds-icon-clipboard-line/index.js";
 import { default as Tr } from "./react/dap-ds-icon-file-copy-line/index.js";
@@ -140,11 +140,11 @@ import { default as so } from "./react/dap-ds-icon-alert-fill/index.js";
 import { default as co } from "./react/dap-ds-icon-alert-line/index.js";
 import { default as Do } from "./react/dap-ds-icon-check-line/index.js";
 import { default as Ro } from "./react/dap-ds-icon-check-line2/index.js";
-import { default as So } from "./react/dap-ds-icon-checkbox-blank-circle-fill/index.js";
-import { default as Lo } from "./react/dap-ds-icon-checkbox-blank-circle-fill-check/index.js";
+import { default as So } from "./react/dap-ds-icon-checkbox-blank-circle-fill-check/index.js";
+import { default as Lo } from "./react/dap-ds-icon-checkbox-blank-circle-fill/index.js";
 import { default as Co } from "./react/dap-ds-icon-checkbox-blank-circle-line/index.js";
-import { default as wo } from "./react/dap-ds-icon-checkbox-circle-fill/index.js";
-import { default as ho } from "./react/dap-ds-icon-checkbox-circle-line/index.js";
+import { default as wo } from "./react/dap-ds-icon-checkbox-circle-line/index.js";
+import { default as ho } from "./react/dap-ds-icon-checkbox-circle-fill/index.js";
 import { default as go } from "./react/dap-ds-icon-close-circle-fill/index.js";
 import { default as Io } from "./react/dap-ds-icon-close-circle-line/index.js";
 import { default as Bo } from "./react/dap-ds-icon-close-fill/index.js";
@@ -163,8 +163,8 @@ import { default as af } from "./react/dap-ds-icon-information-fill/index.js";
 import { default as rf } from "./react/dap-ds-icon-information-line/index.js";
 import { default as ff } from "./react/dap-ds-icon-lightbulb-fill/index.js";
 import { default as lf } from "./react/dap-ds-icon-loading-spinner/index.js";
-import { default as mf } from "./react/dap-ds-icon-lock-line/index.js";
-import { default as uf } from "./react/dap-ds-icon-lock-fill/index.js";
+import { default as mf } from "./react/dap-ds-icon-lock-fill/index.js";
+import { default as uf } from "./react/dap-ds-icon-lock-line/index.js";
 import { default as Df } from "./react/dap-ds-icon-menu-line/index.js";
 import { default as Rf } from "./react/dap-ds-icon-menu-line-s/index.js";
 import { default as nf } from "./react/dap-ds-icon-more-2-line/index.js";
@@ -203,23 +203,23 @@ export {
   dr as ArrowsArrowUpSFillReact,
   xr as ArrowsArrowUpSLineReact,
   ir as ArrowsExpandUpDownFillReact,
-  Fr as BuildingsHome6LineReact,
-  nr as BusinessCalendarLineReact,
-  c as DapDSAccordionGroupReact,
-  t as DapDSAccordionReact,
-  o as DapDSAnchorHeadingReact,
-  i as DapDSAvatarGroupReact,
-  s as DapDSAvatarReact,
-  p as DapDSBadgeReact,
+  nr as BuildingsHome6LineReact,
+  yr as BusinessCalendarLineReact,
+  i as DapDSAccordionGroupReact,
+  o as DapDSAccordionReact,
+  t as DapDSAnchorHeadingReact,
+  s as DapDSAvatarGroupReact,
+  p as DapDSAvatarReact,
+  c as DapDSBadgeReact,
   d as DapDSBannerReact,
   n as DapDSBreadcrumbItemReact,
   x as DapDSBreadcrumbReact,
-  T as DapDSButtonGroupReact,
-  b as DapDSButtonGroupSeparatorReact,
-  k as DapDSButtonGroupTextReact,
+  b as DapDSButtonGroupReact,
+  A as DapDSButtonGroupSeparatorReact,
+  F as DapDSButtonGroupTextReact,
   y as DapDSButtonReact,
-  A as DapDSCalendarCellReact,
-  F as DapDSCalendarReact,
+  k as DapDSCalendarCellReact,
+  T as DapDSCalendarReact,
   U as DapDSCalloutReact,
   v as DapDSCardActionsReact,
   P as DapDSCardContentReact,
@@ -251,15 +251,15 @@ export {
   Te as DapDSIconReact,
   ve as DapDSImageZoomReact,
   Tt as DapDSInputGroupReact,
-  Pe as DapDSInputReact,
-  Ee as DapDSLabelReact,
+  Ee as DapDSInputReact,
+  Pe as DapDSLabelReact,
   Ne as DapDSLinkReact,
   Ze as DapDSListItemReact,
   je as DapDSModalReact,
-  ze as DapDSNavigationMenuItemReact,
-  Ke as DapDSNavigationMenuReact,
-  Xe as DapDSNotificationBadgeReact,
-  _e as DapDSNumberInputReact,
+  Xe as DapDSNavigationMenuItemReact,
+  _e as DapDSNavigationMenuReact,
+  Ke as DapDSNotificationBadgeReact,
+  ze as DapDSNumberInputReact,
   ea as DapDSOfficialWebsiteBannerReact,
   ta as DapDSOptionGroupReact,
   oa as DapDSOptionItemReact,
@@ -268,8 +268,8 @@ export {
   ca as DapDSPagerReact,
   da as DapDSPasswordInputReact,
   xa as DapDSPopupReact,
-  na as DapDSProgressReact,
-  ia as DapDSRadioButtonReact,
+  ia as DapDSProgressReact,
+  na as DapDSRadioButtonReact,
   Ut as DapDSRadioGroupReact,
   ya as DapDSRatingReact,
   Aa as DapDSScrollAreaReact,
@@ -289,11 +289,11 @@ export {
   nt as DapDSTOCReact,
   Xa as DapDSTabGroupReact,
   _a as DapDSTabReact,
-  et as DapDSTableCellReact,
-  tt as DapDSTableHeaderReact,
-  pt as DapDSTableReact,
-  ot as DapDSTableRowReact,
-  st as DapDSTextareaReact,
+  tt as DapDSTableCellReact,
+  ot as DapDSTableHeaderReact,
+  st as DapDSTableReact,
+  pt as DapDSTableRowReact,
+  et as DapDSTextareaReact,
   xt as DapDSTimeGridReact,
   it as DapDSTimePickerReact,
   ct as DapDSTimelineItemReact,
@@ -302,8 +302,8 @@ export {
   At as DapDSTooltipReact,
   Ft as DapDSTrayReact,
   bt as DapDSTypographyReact,
-  yr as DesignEditLineReact,
-  Ar as DesignToolsLineReact,
+  Ar as DesignEditLineReact,
+  Fr as DesignToolsLineReact,
   br as DeviceComputerLineReact,
   kr as DocumentClipboardLineReact,
   Tr as DocumentFileCopyLineReact,
@@ -322,11 +322,11 @@ export {
   co as SystemAlertLineReact,
   Ro as SystemCheckLine2React,
   Do as SystemCheckLineReact,
-  Lo as SystemCheckboxBlankCircleFillCheckReact,
-  So as SystemCheckboxBlankCircleFillReact,
+  So as SystemCheckboxBlankCircleFillCheckReact,
+  Lo as SystemCheckboxBlankCircleFillReact,
   Co as SystemCheckboxBlankCircleLineReact,
-  wo as SystemCheckboxCircleFillReact,
-  ho as SystemCheckboxCircleLineReact,
+  ho as SystemCheckboxCircleFillReact,
+  wo as SystemCheckboxCircleLineReact,
   go as SystemCloseCircleFillReact,
   Io as SystemCloseCircleLineReact,
   Bo as SystemCloseFillReact,
@@ -345,8 +345,8 @@ export {
   rf as SystemInformationLineReact,
   ff as SystemLightbulbFillReact,
   lf as SystemLoadingSpinnerReact,
-  uf as SystemLockFillReact,
-  mf as SystemLockLineReact,
+  mf as SystemLockFillReact,
+  uf as SystemLockLineReact,
   Df as SystemMenuLineReact,
   Rf as SystemMenuLineSReact,
   nf as SystemMore2LineReact,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dap-design-system",
-  "version": "0.63.0",
+  "version": "0.63.2",
   "description": "Official design system for the DÁP (dap.gov.hu)",
   "main": "dist/dds.js",
   "module": "dist/dds.js",