dap-design-system 0.62.1 → 0.62.2

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

@@ -24,6 +24,7 @@ export type { DdsFocusEvent } from '../../events/events';
 * @property {string} tooltip - The tooltip of the input.
 * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.
 * @property {string} tooltipAriaLabel - The aria label of the tooltip.
+* @property {'click' | 'hover'} tooltipTrigger - How the tooltip opens: `click` (click/Enter, default) or `hover` (hover and keyboard focus).
 * @property {string} feedback - The feedback of the input.
 * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.
 * @property {'succes' | 'error'} status - The status of the input. Can be `success` or `error`.

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-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/input/input.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsInputEvent } from '../../events/events'\nimport type { DdsKeydownEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsInputEvent } from '../../events/events'\nexport type { DdsKeydownEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-input'\n\n      /**\n * `dap-ds-input`\n * @summary An input is a field used to collect user input.\n * @element dap-ds-input\n * @title - Input\n *\n * @property {string} label - The label of the input.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the input.\n * @property {string} optionalLabel - Text of optional label.\n * @property {string} requiredLabel - Text of required indicator. (default: '*')\n * @property {boolean} subtle - Text weight of label. If true the label is subtle. Default value is false.\n * @property {string} value - The value of the input.\n * @property {string} placeholder - The placeholder of the input.\n * @property {boolean} loading - The loading state of the input. Default is false.\n * @property {string} tooltip - The tooltip of the input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {string} tooltipAriaLabel - The aria label of the tooltip.\n * @property {string} feedback - The feedback of the input.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.\n * @property {'succes' | 'error'} status - The status of the input. Can be `success` or `error`.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the input. Default is `sm`.\n * @property {string} sizeMap - Responsive size map (e.g. \"xs:lg\").\n * @property {string} name - The name of the input.\n * @property {'text' | 'number' | 'button' | 'color' | 'email' | 'hidden' | 'reset' | 'submit' | 'url' | 'password'| 'file' | 'time'} type - The type of the input. Default is 'text'.\n * @property {boolean} disabled - The disabled state of the input. Default is false.\n * @property {boolean} required - The required state of the input. Default is false.\n * @property {boolean} readonly - The readonly state of the input. Default is false.\n * @property {boolean} autofocus - The autofocus state of the input. Default is false.\n * @property {boolean} autocapitalize - The autocapitalize state of the input. Default is false.\n * @property {number} minlength - The minimum length of the input.\n * @property {number} maxlength - The maximum length of the input.\n * @property {number} min - The minimum value of the number input.\n * @property {number} max - The maximum value of the number input.\n * @property {number} step - The step value of the number input.\n * @property {string} inputmode - The inputmode of the input.\n * @property {string} pattern - The regex pattern of the input.\n *\n * @cssproperty --dds-input-height-xs - The height of the extra small input. (default: var(--dds-spacing-800)).\n * @cssproperty --dds-input-height-sm - The height of the small input. (default: var(--dds-spacing-1000)).\n * @cssproperty --dds-input-height-lg - The height of the large input. (default: var(--dds-spacing-1200)).\n * @cssproperty --dds-input-padding-xs - The padding of the extra small input. (default: 0 var(--dds-spacing-200)).\n * @cssproperty --dds-input-padding-sm - The padding of the small input. (default: 0 var(--dds-spacing-300)).\n * @cssproperty --dds-input-padding-lg - The padding of the large input. (default: 0 var(--dds-spacing-400)).\n * @cssproperty --dds-input-font-size-xs - The font size of the extra small input. (default: var(--dds-font-sm)).\n * @cssproperty --dds-input-font-size-sm - The font size of the small input. (default: var(--dds-font-base)).\n * @cssproperty --dds-input-font-size-lg - The font size of the large input. (default: var(--dds-font-lg)).\n * @cssproperty --dds-input-border - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-background - The background color of the input. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-text-color - The text color of the input. (default: var(--dds-text-neutral-base)).\n * @cssproperty --dds-input-border-radius - The border radius of the input. (default: var(--dds-radius-base)).\n * @cssproperty --dds-input-disabled-border - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)).\n * @cssproperty --dds-input-disabled-background - The background color of the disabled input. (default: var(--dds-fields-background-disabled)).\n * @cssproperty --dds-input-disabled-text - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)).\n * @cssproperty --dds-input-readonly-border - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)).\n * @cssproperty --dds-input-readonly-background - The background color of the readonly input. (default: var(--dds-fields-background-read-only)).\n * @cssproperty --dds-input-readonly-text - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)).\n * @cssproperty --dds-input-success-border - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-error-border - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-background - The background color of the input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-success-background - The background color of the success input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-error-background - The background color of the error input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-border-before - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-after - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-width-before - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-border-width-after - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-success-border - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-before - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-after - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-width-before - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-success-border-width-after - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-error-border-before - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-after - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-width-before - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-error-border-width-after - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n *\n * @event {{ value: string }} dds-change - Fired when the input value changes.\n * @event {{ value: string }} dds-input - Fired when the input value changes.\n * @event {{ value: string, originalEvent: Event }} dds-keydown - Fired when a key is pressed down.\n * @event {{ void }} dds-blur - Fired when the input loses focus.\n * @event {{ void }} dds-focus - Emitted when the input gains focus.\n *\n * @slot postfix - The postfix of the input.\n * @slot prefix - The prefix of the input.\n * @slot addon-before - The addon before the input.\n * @slot addon-after - The addon after the input.\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @csspart base - The main input container.\n * @csspart input - The input element.\n * @csspart label - The label of the input.\n * @csspart description - The description of the input.\n * @csspart feedback - The feedback of the input.\n * @csspart tooltip - The tooltip of the input.\n * @csspart addon-before - The addon before the input.\n * @csspart addon-after - The addon after the input.\n * @csspart prefix - The prefix of the input.\n * @csspart postfix - The postfix of the input.\n *\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsInput: 'dds-input' as EventName<DdsInputEvent>,\nonDdsKeydown: 'dds-keydown' as EventName<DdsKeydownEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>\n        },\n        displayName: \"DapDSInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAiBM,MAAMA,IAAU,gBAsGVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-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/input/input.js'\n      import type { DdsChangeEvent } from '../../events/events'\nimport type { DdsInputEvent } from '../../events/events'\nimport type { DdsKeydownEvent } from '../../events/events'\nimport type { DdsBlurEvent } from '../../events/events'\nimport type { DdsFocusEvent } from '../../events/events'\n      export type { DdsChangeEvent } from '../../events/events'\nexport type { DdsInputEvent } from '../../events/events'\nexport type { DdsKeydownEvent } from '../../events/events'\nexport type { DdsBlurEvent } from '../../events/events'\nexport type { DdsFocusEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-input'\n\n      /**\n * `dap-ds-input`\n * @summary An input is a field used to collect user input.\n * @element dap-ds-input\n * @title - Input\n *\n * @property {string} label - The label of the input.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the input.\n * @property {string} optionalLabel - Text of optional label.\n * @property {string} requiredLabel - Text of required indicator. (default: '*')\n * @property {boolean} subtle - Text weight of label. If true the label is subtle. Default value is false.\n * @property {string} value - The value of the input.\n * @property {string} placeholder - The placeholder of the input.\n * @property {boolean} loading - The loading state of the input. Default is false.\n * @property {string} tooltip - The tooltip of the input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {string} tooltipAriaLabel - The aria label of the tooltip.\n * @property {'click' | 'hover'} tooltipTrigger - How the tooltip opens: `click` (click/Enter, default) or `hover` (hover and keyboard focus).\n * @property {string} feedback - The feedback of the input.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the input. Can be `negative`, `positive`, or `warning`.\n * @property {'succes' | 'error'} status - The status of the input. Can be `success` or `error`.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the input. Default is `sm`.\n * @property {string} sizeMap - Responsive size map (e.g. \"xs:lg\").\n * @property {string} name - The name of the input.\n * @property {'text' | 'number' | 'button' | 'color' | 'email' | 'hidden' | 'reset' | 'submit' | 'url' | 'password'| 'file' | 'time'} type - The type of the input. Default is 'text'.\n * @property {boolean} disabled - The disabled state of the input. Default is false.\n * @property {boolean} required - The required state of the input. Default is false.\n * @property {boolean} readonly - The readonly state of the input. Default is false.\n * @property {boolean} autofocus - The autofocus state of the input. Default is false.\n * @property {boolean} autocapitalize - The autocapitalize state of the input. Default is false.\n * @property {number} minlength - The minimum length of the input.\n * @property {number} maxlength - The maximum length of the input.\n * @property {number} min - The minimum value of the number input.\n * @property {number} max - The maximum value of the number input.\n * @property {number} step - The step value of the number input.\n * @property {string} inputmode - The inputmode of the input.\n * @property {string} pattern - The regex pattern of the input.\n *\n * @cssproperty --dds-input-height-xs - The height of the extra small input. (default: var(--dds-spacing-800)).\n * @cssproperty --dds-input-height-sm - The height of the small input. (default: var(--dds-spacing-1000)).\n * @cssproperty --dds-input-height-lg - The height of the large input. (default: var(--dds-spacing-1200)).\n * @cssproperty --dds-input-padding-xs - The padding of the extra small input. (default: 0 var(--dds-spacing-200)).\n * @cssproperty --dds-input-padding-sm - The padding of the small input. (default: 0 var(--dds-spacing-300)).\n * @cssproperty --dds-input-padding-lg - The padding of the large input. (default: 0 var(--dds-spacing-400)).\n * @cssproperty --dds-input-font-size-xs - The font size of the extra small input. (default: var(--dds-font-sm)).\n * @cssproperty --dds-input-font-size-sm - The font size of the small input. (default: var(--dds-font-base)).\n * @cssproperty --dds-input-font-size-lg - The font size of the large input. (default: var(--dds-font-lg)).\n * @cssproperty --dds-input-border - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-background - The background color of the input. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-text-color - The text color of the input. (default: var(--dds-text-neutral-base)).\n * @cssproperty --dds-input-border-radius - The border radius of the input. (default: var(--dds-radius-base)).\n * @cssproperty --dds-input-disabled-border - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)).\n * @cssproperty --dds-input-disabled-background - The background color of the disabled input. (default: var(--dds-fields-background-disabled)).\n * @cssproperty --dds-input-disabled-text - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)).\n * @cssproperty --dds-input-readonly-border - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)).\n * @cssproperty --dds-input-readonly-background - The background color of the readonly input. (default: var(--dds-fields-background-read-only)).\n * @cssproperty --dds-input-readonly-text - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)).\n * @cssproperty --dds-input-success-border - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-error-border - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-background - The background color of the input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-success-background - The background color of the success input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-error-background - The background color of the error input addon. (default: var(--dds-fields-background-default)).\n * @cssproperty --dds-input-addon-border-before - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-after - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)).\n * @cssproperty --dds-input-addon-border-width-before - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-border-width-after - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-success-border - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-before - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-after - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)).\n * @cssproperty --dds-input-addon-success-border-width-before - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-success-border-width-after - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n * @cssproperty --dds-input-addon-error-border-before - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-after - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)).\n * @cssproperty --dds-input-addon-error-border-width-before - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)).\n * @cssproperty --dds-input-addon-error-border-width-after - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0).\n *\n * @event {{ value: string }} dds-change - Fired when the input value changes.\n * @event {{ value: string }} dds-input - Fired when the input value changes.\n * @event {{ value: string, originalEvent: Event }} dds-keydown - Fired when a key is pressed down.\n * @event {{ void }} dds-blur - Fired when the input loses focus.\n * @event {{ void }} dds-focus - Emitted when the input gains focus.\n *\n * @slot postfix - The postfix of the input.\n * @slot prefix - The prefix of the input.\n * @slot addon-before - The addon before the input.\n * @slot addon-after - The addon after the input.\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @csspart base - The main input container.\n * @csspart input - The input element.\n * @csspart label - The label of the input.\n * @csspart description - The description of the input.\n * @csspart feedback - The feedback of the input.\n * @csspart tooltip - The tooltip of the input.\n * @csspart addon-before - The addon before the input.\n * @csspart addon-after - The addon after the input.\n * @csspart prefix - The prefix of the input.\n * @csspart postfix - The postfix of the input.\n *\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsChange: 'dds-change' as EventName<DdsChangeEvent>,\nonDdsInput: 'dds-input' as EventName<DdsInputEvent>,\nonDdsKeydown: 'dds-keydown' as EventName<DdsKeydownEvent>,\nonDdsBlur: 'dds-blur' as EventName<DdsBlurEvent>,\nonDdsFocus: 'dds-focus' as EventName<DdsFocusEvent>\n        },\n        displayName: \"DapDSInput\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAiBM,MAAMA,IAAU,gBAuGVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,aAAa;AAAA,IACvB,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,EACJ;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/index.d.ts

@@ -1,11 +1,11 @@
+export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-group/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 DapDSAvatarGroupReact } from './dap-ds-avatar-group/index.js';
 export { default as DapDSBadgeReact } from './dap-ds-badge/index.js';
-export { default as DapDSBreadcrumbReact } from './dap-ds-breadcrumb/index.js';
-export { default as DapDSBannerReact } from './dap-ds-banner/index.js';
 export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/index.js';
-export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-group/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 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';
@@ -38,12 +38,12 @@ export { default as DapDSFileInputListReact } from './dap-ds-file-input-list/ind
 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 DapDSInputReact } from './dap-ds-input/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 DapDSLinkReact } from './dap-ds-link/index.js';
-export { default as DapDSModalReact } from './dap-ds-modal/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 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';
@@ -86,21 +86,21 @@ export { default as DapDSTimeGridReact } from './dap-ds-time-grid/index.js';
 export { default as DapDSTimePickerReact } from './dap-ds-timepicker/index.js';
 export { default as DapDSTOCReact } from './dap-ds-toc/index.js';
 export { default as DapDSToggleButtonReact } from './dap-ds-toggle-button/index.js';
-export { default as DapDSTrayReact } from './dap-ds-tray/index.js';
 export { default as DapDSTooltipReact } from './dap-ds-tooltip/index.js';
+export { default as DapDSTrayReact } from './dap-ds-tray/index.js';
 export { default as DapDSTypographyReact } from './dap-ds-typography/index.js';
-export { default as DapDSInputGroupReact } from './dap-ds-input-group/index.js';
 export { default as DapDSFormLabelReact } from './dap-ds-form-label/index.js';
+export { default as DapDSInputGroupReact } from './dap-ds-input-group/index.js';
 export { default as DapDSRadioGroupReact } from './dap-ds-radio-group/index.js';
 export { default as ArrowsArrowDownLineReact } from './dap-ds-icon-arrow-down-line/index.js';
 export { default as ArrowsArrowDownSFillReact } from './dap-ds-icon-arrow-down-s-fill/index.js';
 export { default as ArrowsArrowDownSLineReact } from './dap-ds-icon-arrow-down-s-line/index.js';
 export { default as ArrowsArrowLeftDownLineReact } from './dap-ds-icon-arrow-left-down-line/index.js';
 export { default as ArrowsArrowLeftLLineReact } from './dap-ds-icon-arrow-left-l-line/index.js';
-export { default as ArrowsArrowLeftLineReact } from './dap-ds-icon-arrow-left-line/index.js';
 export { default as ArrowsArrowLeftSFillReact } from './dap-ds-icon-arrow-left-s-fill/index.js';
-export { default as ArrowsArrowLeftUpLineReact } from './dap-ds-icon-arrow-left-up-line/index.js';
+export { default as ArrowsArrowLeftLineReact } from './dap-ds-icon-arrow-left-line/index.js';
 export { default as ArrowsArrowLeftSLineReact } from './dap-ds-icon-arrow-left-s-line/index.js';
+export { default as ArrowsArrowLeftUpLineReact } from './dap-ds-icon-arrow-left-up-line/index.js';
 export { default as ArrowsArrowRightDownLineReact } from './dap-ds-icon-arrow-right-down-line/index.js';
 export { default as ArrowsArrowRightLLineReact } from './dap-ds-icon-arrow-right-l-line/index.js';
 export { default as ArrowsArrowRightLineReact } from './dap-ds-icon-arrow-right-line/index.js';
@@ -115,15 +115,15 @@ export { default as BuildingsHome6LineReact } from './dap-ds-icon-home-6-line/in
 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 DeviceComputerLineReact } from './dap-ds-icon-computer-line/index.js';
 export { default as DocumentClipboardLineReact } from './dap-ds-icon-clipboard-line/index.js';
-export { default as DocumentFileImageLineReact } from './dap-ds-icon-file-image-line/index.js';
 export { default as DocumentFileCopyLineReact } from './dap-ds-icon-file-copy-line/index.js';
+export { default as DocumentFileImageLineReact } from './dap-ds-icon-file-image-line/index.js';
 export { default as DocumentFileMusicLineReact } from './dap-ds-icon-file-music-line/index.js';
 export { default as DocumentFileTextLineReact } from './dap-ds-icon-file-text-line/index.js';
 export { default as DocumentFileVideoLineReact } from './dap-ds-icon-file-video-line/index.js';
 export { default as DocumentFolderLineReact } from './dap-ds-icon-folder-line/index.js';
 export { default as DocumentFolderOpenLineReact } from './dap-ds-icon-folder-open-line/index.js';
-export { default as DeviceComputerLineReact } from './dap-ds-icon-computer-line/index.js';
 export { default as EditorSeparatorReact } from './dap-ds-icon-separator/index.js';
 export { default as HealthHeartFillReact } from './dap-ds-icon-heart-fill/index.js';
 export { default as HealthHeartLineReact } from './dap-ds-icon-heart-line/index.js';
@@ -143,8 +143,8 @@ export { default as SystemCloseCircleLineReact } from './dap-ds-icon-close-circl
 export { default as SystemCloseFillReact } from './dap-ds-icon-close-fill/index.js';
 export { default as SystemCloseLineReact } from './dap-ds-icon-close-line/index.js';
 export { default as SystemDeleteBinFillReact } from './dap-ds-icon-delete-bin-fill/index.js';
-export { default as SystemDownloadLineReact } from './dap-ds-icon-download-line/index.js';
 export { default as SystemDeleteBinLineReact } from './dap-ds-icon-delete-bin-line/index.js';
+export { default as SystemDownloadLineReact } from './dap-ds-icon-download-line/index.js';
 export { default as SystemErrorWarningFillReact } from './dap-ds-icon-error-warning-fill/index.js';
 export { default as SystemErrorWarningLineReact } from './dap-ds-icon-error-warning-line/index.js';
 export { default as SystemExternalLinkLineReact } from './dap-ds-icon-external-link-line/index.js';
@@ -153,23 +153,23 @@ export { default as SystemEyeOffLineReact } from './dap-ds-icon-eye-off-line/ind
 export { default as SystemForbidFillReact } from './dap-ds-icon-forbid-fill/index.js';
 export { default as SystemInformation2FillReact } from './dap-ds-icon-information-2-fill/index.js';
 export { default as SystemInformationFillReact } from './dap-ds-icon-information-fill/index.js';
-export { default as SystemLightbulbFillReact } from './dap-ds-icon-lightbulb-fill/index.js';
-export { default as SystemLockFillReact } from './dap-ds-icon-lock-fill/index.js';
 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 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 SystemSearchLineReact } from './dap-ds-icon-search-line/index.js';
-export { default as SystemMoreLineReact } from './dap-ds-icon-more-line/index.js';
 export { default as SystemMore2LineReact } from './dap-ds-icon-more-2-line/index.js';
+export { default as SystemMoreLineReact } from './dap-ds-icon-more-line/index.js';
+export { default as SystemSearchLineReact } from './dap-ds-icon-search-line/index.js';
 export { default as SystemShareLineReact } from './dap-ds-icon-share-line/index.js';
 export { default as SystemShieldCheckFillReact } from './dap-ds-icon-shield-check-fill/index.js';
 export { default as SystemShieldCheckLineReact } from './dap-ds-icon-shield-check-line/index.js';
+export { default as SystemStarFillReact } from './dap-ds-icon-star-fill/index.js';
+export { default as SystemSubtractLineReact } from './dap-ds-icon-subtract-line/index.js';
 export { default as SystemSubtractLine2React } from './dap-ds-icon-subtract-line2/index.js';
 export { default as SystemTimeFillReact } from './dap-ds-icon-time-fill/index.js';
-export { default as SystemSubtractLineReact } from './dap-ds-icon-subtract-line/index.js';
-export { default as SystemStarFillReact } from './dap-ds-icon-star-fill/index.js';
 export { default as SystemTimeLineReact } from './dap-ds-icon-time-line/index.js';
 export { default as SystemUpload2FillReact } from './dap-ds-icon-upload-2-fill/index.js';
 export { default as SystemUpload2LineReact } from './dap-ds-icon-upload-2-line/index.js';

package/dist/react-types.ts

@@ -3,14 +3,14 @@ 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 DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, '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 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 DapDSBreadcrumbType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumb, 'children' | 'style'>>
-export type DapDSBannerType = HtmlType & Partial<Omit<DDS.DapDSBanner, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
 export type DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, 'children' | 'style'>>
-export type DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, '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 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'>>
@@ -43,12 +43,12 @@ export type DapDSFileInputListType = HtmlType & Partial<Omit<DDS.DapDSFileInputL
 export type DapDSFileInputType = HtmlType & Partial<Omit<DDS.DapDSFileInput, 'children' | 'style'>> & { "ondds-upload-start"?: (e: DdsUploadStartEvent) => void, "ondds-upload-progress"?: (e: DdsUploadProgressEvent) => void, "ondds-upload-complete"?: (e: DdsUploadCompleteEvent) => void, "ondds-upload-error"?: (e: DdsUploadErrorEvent) => void, "ondds-all-uploads-complete"?: (e: DdsAllUploadsCompleteEvent) => void, "ondds-file-removed"?: (e: DdsFileRemovedEvent) => void, "ondds-file-delete-error"?: (e: DdsFileDeleteErrorEvent) => void, "ondds-file-change"?: (e: DdsFileChangeEvent) => void, "ondds-files-accepted"?: (e: DdsFilesAcceptedEvent) => void }
 export type DapDSIconType = HtmlType & Partial<Omit<DDS.DapDSIcon, 'children' | 'style'>>
 export type DapDSIconButtonType = HtmlType & Partial<Omit<DDS.DapDSIconButton, '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 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 DapDSLinkType = HtmlType & Partial<Omit<DDS.DapDSLink, 'children' | 'style'>> & { "ondds-click"?: (e: DdsClickEvent) => void }
-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 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 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'>>
@@ -91,21 +91,21 @@ export type DapDSTimeGridType = HtmlType & Partial<Omit<DDS.DapDSTimeGrid, 'chil
 export type DapDSTimePickerType = HtmlType & Partial<Omit<DDS.DapDSTimePicker, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-valid-time"?: (e: DdsValidTimeEvent) => void, "ondds-invalid-time"?: (e: DdsInvalidTimeEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void }
 export type DapDSTOCType = HtmlType & Partial<Omit<DDS.DapDSTOC, 'children' | 'style'>> & { "ondds-anchor-change"?: (e: DdsAnchorChangeEvent) => void }
 export type DapDSToggleButtonType = HtmlType & Partial<Omit<DDS.DapDSToggleButton, 'children' | 'style'>>
-export type DapDSTrayType = HtmlType & Partial<Omit<DDS.DapDSTray, '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 }
 export type DapDSTooltipType = HtmlType & Partial<Omit<DDS.DapDSTooltip, 'children' | 'style'>>
+export type DapDSTrayType = HtmlType & Partial<Omit<DDS.DapDSTray, '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 }
 export type DapDSTypographyType = HtmlType & Partial<Omit<DDS.DapDSTypography, 'children' | 'style'>>
-export type DapDSInputGroupType = HtmlType & Partial<Omit<DDS.DapDSInputGroup, 'children' | 'style'>>
 export type DapDSFormLabelType = HtmlType & Partial<Omit<DDS.DapDSFormLabel, 'children' | 'style'>>
+export type DapDSInputGroupType = HtmlType & Partial<Omit<DDS.DapDSInputGroup, 'children' | 'style'>>
 export type DapDSRadioGroupType = HtmlType & Partial<Omit<DDS.DapDSRadioGroup, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
 export type ArrowsArrowDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownLine, 'children' | 'style'>>
 export type ArrowsArrowDownSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownSFill, 'children' | 'style'>>
 export type ArrowsArrowDownSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownSLine, 'children' | 'style'>>
 export type ArrowsArrowLeftDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftDownLine, 'children' | 'style'>>
 export type ArrowsArrowLeftLLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLLine, 'children' | 'style'>>
-export type ArrowsArrowLeftLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLine, 'children' | 'style'>>
 export type ArrowsArrowLeftSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSFill, 'children' | 'style'>>
-export type ArrowsArrowLeftUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftUpLine, 'children' | 'style'>>
+export type ArrowsArrowLeftLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLine, 'children' | 'style'>>
 export type ArrowsArrowLeftSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSLine, 'children' | 'style'>>
+export type ArrowsArrowLeftUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftUpLine, 'children' | 'style'>>
 export type ArrowsArrowRightDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightDownLine, 'children' | 'style'>>
 export type ArrowsArrowRightLLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightLLine, 'children' | 'style'>>
 export type ArrowsArrowRightLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightLine, 'children' | 'style'>>
@@ -120,15 +120,15 @@ export type BuildingsHome6LineType = HtmlType & Partial<Omit<DDS.BuildingsHome6L
 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 DeviceComputerLineType = HtmlType & Partial<Omit<DDS.DeviceComputerLine, 'children' | 'style'>>
 export type DocumentClipboardLineType = HtmlType & Partial<Omit<DDS.DocumentClipboardLine, 'children' | 'style'>>
-export type DocumentFileImageLineType = HtmlType & Partial<Omit<DDS.DocumentFileImageLine, 'children' | 'style'>>
 export type DocumentFileCopyLineType = HtmlType & Partial<Omit<DDS.DocumentFileCopyLine, 'children' | 'style'>>
+export type DocumentFileImageLineType = HtmlType & Partial<Omit<DDS.DocumentFileImageLine, 'children' | 'style'>>
 export type DocumentFileMusicLineType = HtmlType & Partial<Omit<DDS.DocumentFileMusicLine, 'children' | 'style'>>
 export type DocumentFileTextLineType = HtmlType & Partial<Omit<DDS.DocumentFileTextLine, 'children' | 'style'>>
 export type DocumentFileVideoLineType = HtmlType & Partial<Omit<DDS.DocumentFileVideoLine, 'children' | 'style'>>
 export type DocumentFolderLineType = HtmlType & Partial<Omit<DDS.DocumentFolderLine, 'children' | 'style'>>
 export type DocumentFolderOpenLineType = HtmlType & Partial<Omit<DDS.DocumentFolderOpenLine, 'children' | 'style'>>
-export type DeviceComputerLineType = HtmlType & Partial<Omit<DDS.DeviceComputerLine, 'children' | 'style'>>
 export type EditorSeparatorType = HtmlType & Partial<Omit<DDS.EditorSeparator, 'children' | 'style'>>
 export type HealthHeartFillType = HtmlType & Partial<Omit<DDS.HealthHeartFill, 'children' | 'style'>>
 export type HealthHeartLineType = HtmlType & Partial<Omit<DDS.HealthHeartLine, 'children' | 'style'>>
@@ -148,8 +148,8 @@ export type SystemCloseCircleLineType = HtmlType & Partial<Omit<DDS.SystemCloseC
 export type SystemCloseFillType = HtmlType & Partial<Omit<DDS.SystemCloseFill, 'children' | 'style'>>
 export type SystemCloseLineType = HtmlType & Partial<Omit<DDS.SystemCloseLine, 'children' | 'style'>>
 export type SystemDeleteBinFillType = HtmlType & Partial<Omit<DDS.SystemDeleteBinFill, 'children' | 'style'>>
-export type SystemDownloadLineType = HtmlType & Partial<Omit<DDS.SystemDownloadLine, 'children' | 'style'>>
 export type SystemDeleteBinLineType = HtmlType & Partial<Omit<DDS.SystemDeleteBinLine, 'children' | 'style'>>
+export type SystemDownloadLineType = HtmlType & Partial<Omit<DDS.SystemDownloadLine, 'children' | 'style'>>
 export type SystemErrorWarningFillType = HtmlType & Partial<Omit<DDS.SystemErrorWarningFill, 'children' | 'style'>>
 export type SystemErrorWarningLineType = HtmlType & Partial<Omit<DDS.SystemErrorWarningLine, 'children' | 'style'>>
 export type SystemExternalLinkLineType = HtmlType & Partial<Omit<DDS.SystemExternalLinkLine, 'children' | 'style'>>
@@ -158,23 +158,23 @@ export type SystemEyeOffLineType = HtmlType & Partial<Omit<DDS.SystemEyeOffLine,
 export type SystemForbidFillType = HtmlType & Partial<Omit<DDS.SystemForbidFill, 'children' | 'style'>>
 export type SystemInformation2FillType = HtmlType & Partial<Omit<DDS.SystemInformation2Fill, 'children' | 'style'>>
 export type SystemInformationFillType = HtmlType & Partial<Omit<DDS.SystemInformationFill, 'children' | 'style'>>
-export type SystemLightbulbFillType = HtmlType & Partial<Omit<DDS.SystemLightbulbFill, 'children' | 'style'>>
-export type SystemLockFillType = HtmlType & Partial<Omit<DDS.SystemLockFill, 'children' | 'style'>>
 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 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 SystemSearchLineType = HtmlType & Partial<Omit<DDS.SystemSearchLine, 'children' | 'style'>>
-export type SystemMoreLineType = HtmlType & Partial<Omit<DDS.SystemMoreLine, 'children' | 'style'>>
 export type SystemMore2LineType = HtmlType & Partial<Omit<DDS.SystemMore2Line, 'children' | 'style'>>
+export type SystemMoreLineType = HtmlType & Partial<Omit<DDS.SystemMoreLine, 'children' | 'style'>>
+export type SystemSearchLineType = HtmlType & Partial<Omit<DDS.SystemSearchLine, 'children' | 'style'>>
 export type SystemShareLineType = HtmlType & Partial<Omit<DDS.SystemShareLine, 'children' | 'style'>>
 export type SystemShieldCheckFillType = HtmlType & Partial<Omit<DDS.SystemShieldCheckFill, 'children' | 'style'>>
 export type SystemShieldCheckLineType = HtmlType & Partial<Omit<DDS.SystemShieldCheckLine, 'children' | 'style'>>
+export type SystemStarFillType = HtmlType & Partial<Omit<DDS.SystemStarFill, 'children' | 'style'>>
+export type SystemSubtractLineType = HtmlType & Partial<Omit<DDS.SystemSubtractLine, 'children' | 'style'>>
 export type SystemSubtractLine2Type = HtmlType & Partial<Omit<DDS.SystemSubtractLine2, 'children' | 'style'>>
 export type SystemTimeFillType = HtmlType & Partial<Omit<DDS.SystemTimeFill, 'children' | 'style'>>
-export type SystemSubtractLineType = HtmlType & Partial<Omit<DDS.SystemSubtractLine, 'children' | 'style'>>
-export type SystemStarFillType = HtmlType & Partial<Omit<DDS.SystemStarFill, 'children' | 'style'>>
 export type SystemTimeLineType = HtmlType & Partial<Omit<DDS.SystemTimeLine, 'children' | 'style'>>
 export type SystemUpload2FillType = HtmlType & Partial<Omit<DDS.SystemUpload2Fill, 'children' | 'style'>>
 export type SystemUpload2LineType = HtmlType & Partial<Omit<DDS.SystemUpload2Line, 'children' | 'style'>>

package/dist/react.js

@@ -1,11 +1,11 @@
-import { default as t } from "./react/dap-ds-accordion/index.js";
-import { default as o } from "./react/dap-ds-avatar/index.js";
-import { default as p } from "./react/dap-ds-avatar-group/index.js";
-import { default as s } from "./react/dap-ds-badge/index.js";
-import { default as c } from "./react/dap-ds-breadcrumb/index.js";
-import { default as u } from "./react/dap-ds-banner/index.js";
-import { default as x } from "./react/dap-ds-anchor-heading/index.js";
-import { default as i } from "./react/dap-ds-accordion-group/index.js";
+import { default as t } from "./react/dap-ds-accordion-group/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 u } from "./react/dap-ds-anchor-heading/index.js";
+import { default as x } from "./react/dap-ds-banner/index.js";
+import { default as i } from "./react/dap-ds-breadcrumb/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";
@@ -38,12 +38,12 @@ import { default as ye } from "./react/dap-ds-file-input-list/index.js";
 import { default as Ae } from "./react/dap-ds-file-input/index.js";
 import { default as Fe } from "./react/dap-ds-icon/index.js";
 import { default as be } from "./react/dap-ds-icon-button/index.js";
-import { default as ke } from "./react/dap-ds-input/index.js";
-import { default as Te } from "./react/dap-ds-image-zoom/index.js";
+import { default as ke } from "./react/dap-ds-image-zoom/index.js";
+import { default as Te } from "./react/dap-ds-input/index.js";
 import { default as Ue } from "./react/dap-ds-label/index.js";
 import { default as Oe } from "./react/dap-ds-link/index.js";
-import { default as Ge } from "./react/dap-ds-modal/index.js";
-import { default as Ee } from "./react/dap-ds-list-item/index.js";
+import { default as Ge } from "./react/dap-ds-list-item/index.js";
+import { default as Ee } from "./react/dap-ds-modal/index.js";
 import { default as Ne } from "./react/dap-ds-navigation-menu-item/index.js";
 import { default as Ze } from "./react/dap-ds-navigation-menu/index.js";
 import { default as je } from "./react/dap-ds-notification-badge/index.js";
@@ -86,21 +86,21 @@ import { default as st } from "./react/dap-ds-time-grid/index.js";
 import { default as ct } from "./react/dap-ds-timepicker/index.js";
 import { default as ut } from "./react/dap-ds-toc/index.js";
 import { default as xt } from "./react/dap-ds-toggle-button/index.js";
-import { default as it } from "./react/dap-ds-tray/index.js";
-import { default as nt } from "./react/dap-ds-tooltip/index.js";
+import { default as it } from "./react/dap-ds-tooltip/index.js";
+import { default as nt } from "./react/dap-ds-tray/index.js";
 import { default as yt } from "./react/dap-ds-typography/index.js";
-import { default as At } from "./react/dap-ds-input-group/index.js";
-import { default as Ft } from "./react/dap-ds-form-label/index.js";
+import { default as At } from "./react/dap-ds-form-label/index.js";
+import { default as Ft } from "./react/dap-ds-input-group/index.js";
 import { default as bt } from "./react/dap-ds-radio-group/index.js";
 import { default as kt } from "./react/dap-ds-icon-arrow-down-line/index.js";
 import { default as Tt } from "./react/dap-ds-icon-arrow-down-s-fill/index.js";
 import { default as Ut } from "./react/dap-ds-icon-arrow-down-s-line/index.js";
 import { default as Ot } from "./react/dap-ds-icon-arrow-left-down-line/index.js";
 import { default as Gt } from "./react/dap-ds-icon-arrow-left-l-line/index.js";
-import { default as Et } from "./react/dap-ds-icon-arrow-left-line/index.js";
-import { default as Nt } from "./react/dap-ds-icon-arrow-left-s-fill/index.js";
-import { default as Zt } from "./react/dap-ds-icon-arrow-left-up-line/index.js";
-import { default as jt } from "./react/dap-ds-icon-arrow-left-s-line/index.js";
+import { default as Et } from "./react/dap-ds-icon-arrow-left-s-fill/index.js";
+import { default as Nt } from "./react/dap-ds-icon-arrow-left-line/index.js";
+import { default as Zt } from "./react/dap-ds-icon-arrow-left-s-line/index.js";
+import { default as jt } from "./react/dap-ds-icon-arrow-left-up-line/index.js";
 import { default as zt } from "./react/dap-ds-icon-arrow-right-down-line/index.js";
 import { default as Kt } from "./react/dap-ds-icon-arrow-right-l-line/index.js";
 import { default as Xt } from "./react/dap-ds-icon-arrow-right-line/index.js";
@@ -115,15 +115,15 @@ import { default as ur } from "./react/dap-ds-icon-home-6-line/index.js";
 import { default as xr } from "./react/dap-ds-icon-calendar-line/index.js";
 import { default as ir } from "./react/dap-ds-icon-edit-line/index.js";
 import { default as nr } from "./react/dap-ds-icon-tools-line/index.js";
-import { default as yr } from "./react/dap-ds-icon-clipboard-line/index.js";
-import { default as Ar } from "./react/dap-ds-icon-file-image-line/index.js";
+import { default as yr } from "./react/dap-ds-icon-computer-line/index.js";
+import { default as Ar } from "./react/dap-ds-icon-clipboard-line/index.js";
 import { default as Fr } from "./react/dap-ds-icon-file-copy-line/index.js";
-import { default as br } from "./react/dap-ds-icon-file-music-line/index.js";
-import { default as kr } from "./react/dap-ds-icon-file-text-line/index.js";
-import { default as Tr } from "./react/dap-ds-icon-file-video-line/index.js";
-import { default as Ur } from "./react/dap-ds-icon-folder-line/index.js";
-import { default as Or } from "./react/dap-ds-icon-folder-open-line/index.js";
-import { default as Gr } from "./react/dap-ds-icon-computer-line/index.js";
+import { default as br } from "./react/dap-ds-icon-file-image-line/index.js";
+import { default as kr } from "./react/dap-ds-icon-file-music-line/index.js";
+import { default as Tr } from "./react/dap-ds-icon-file-text-line/index.js";
+import { default as Ur } from "./react/dap-ds-icon-file-video-line/index.js";
+import { default as Or } from "./react/dap-ds-icon-folder-line/index.js";
+import { default as Gr } from "./react/dap-ds-icon-folder-open-line/index.js";
 import { default as Er } from "./react/dap-ds-icon-separator/index.js";
 import { default as Nr } from "./react/dap-ds-icon-heart-fill/index.js";
 import { default as Zr } from "./react/dap-ds-icon-heart-line/index.js";
@@ -143,8 +143,8 @@ import { default as Ro } from "./react/dap-ds-icon-close-circle-line/index.js";
 import { default as So } from "./react/dap-ds-icon-close-fill/index.js";
 import { default as Lo } from "./react/dap-ds-icon-close-line/index.js";
 import { default as Co } from "./react/dap-ds-icon-delete-bin-fill/index.js";
-import { default as wo } from "./react/dap-ds-icon-download-line/index.js";
-import { default as ho } from "./react/dap-ds-icon-delete-bin-line/index.js";
+import { default as wo } from "./react/dap-ds-icon-delete-bin-line/index.js";
+import { default as ho } from "./react/dap-ds-icon-download-line/index.js";
 import { default as go } from "./react/dap-ds-icon-error-warning-fill/index.js";
 import { default as Io } from "./react/dap-ds-icon-error-warning-line/index.js";
 import { default as Bo } from "./react/dap-ds-icon-external-link-line/index.js";
@@ -153,23 +153,23 @@ import { default as Po } from "./react/dap-ds-icon-eye-off-line/index.js";
 import { default as Mo } from "./react/dap-ds-icon-forbid-fill/index.js";
 import { default as Ho } from "./react/dap-ds-icon-information-2-fill/index.js";
 import { default as Wo } from "./react/dap-ds-icon-information-fill/index.js";
-import { default as Vo } from "./react/dap-ds-icon-lightbulb-fill/index.js";
-import { default as qo } from "./react/dap-ds-icon-lock-fill/index.js";
-import { default as Jo } from "./react/dap-ds-icon-information-line/index.js";
-import { default as Qo } from "./react/dap-ds-icon-loading-spinner/index.js";
+import { default as Vo } from "./react/dap-ds-icon-information-line/index.js";
+import { default as qo } from "./react/dap-ds-icon-lightbulb-fill/index.js";
+import { default as Jo } from "./react/dap-ds-icon-loading-spinner/index.js";
+import { default as Qo } from "./react/dap-ds-icon-lock-fill/index.js";
 import { default as Yo } from "./react/dap-ds-icon-lock-line/index.js";
 import { default as $o } from "./react/dap-ds-icon-menu-line/index.js";
 import { default as af } from "./react/dap-ds-icon-menu-line-s/index.js";
-import { default as rf } from "./react/dap-ds-icon-search-line/index.js";
+import { default as rf } from "./react/dap-ds-icon-more-2-line/index.js";
 import { default as ff } from "./react/dap-ds-icon-more-line/index.js";
-import { default as lf } from "./react/dap-ds-icon-more-2-line/index.js";
+import { default as lf } from "./react/dap-ds-icon-search-line/index.js";
 import { default as mf } from "./react/dap-ds-icon-share-line/index.js";
 import { default as df } from "./react/dap-ds-icon-shield-check-fill/index.js";
 import { default as Df } from "./react/dap-ds-icon-shield-check-line/index.js";
-import { default as Rf } from "./react/dap-ds-icon-subtract-line2/index.js";
-import { default as nf } from "./react/dap-ds-icon-time-fill/index.js";
-import { default as yf } from "./react/dap-ds-icon-subtract-line/index.js";
-import { default as Af } from "./react/dap-ds-icon-star-fill/index.js";
+import { default as Rf } from "./react/dap-ds-icon-star-fill/index.js";
+import { default as nf } from "./react/dap-ds-icon-subtract-line/index.js";
+import { default as yf } from "./react/dap-ds-icon-subtract-line2/index.js";
+import { default as Af } from "./react/dap-ds-icon-time-fill/index.js";
 import { default as Ff } from "./react/dap-ds-icon-time-line/index.js";
 import { default as bf } from "./react/dap-ds-icon-upload-2-fill/index.js";
 import { default as kf } from "./react/dap-ds-icon-upload-2-line/index.js";
@@ -186,10 +186,10 @@ export {
   Ut as ArrowsArrowDownSLineReact,
   Ot as ArrowsArrowLeftDownLineReact,
   Gt as ArrowsArrowLeftLLineReact,
-  Et as ArrowsArrowLeftLineReact,
-  Nt as ArrowsArrowLeftSFillReact,
-  jt as ArrowsArrowLeftSLineReact,
-  Zt as ArrowsArrowLeftUpLineReact,
+  Nt as ArrowsArrowLeftLineReact,
+  Et as ArrowsArrowLeftSFillReact,
+  Zt as ArrowsArrowLeftSLineReact,
+  jt as ArrowsArrowLeftUpLineReact,
   zt as ArrowsArrowRightDownLineReact,
   Kt as ArrowsArrowRightLLineReact,
   Xt as ArrowsArrowRightLineReact,
@@ -202,15 +202,15 @@ export {
   cr as ArrowsExpandUpDownFillReact,
   ur as BuildingsHome6LineReact,
   xr as BusinessCalendarLineReact,
-  i as DapDSAccordionGroupReact,
-  t as DapDSAccordionReact,
-  x as DapDSAnchorHeadingReact,
-  p as DapDSAvatarGroupReact,
-  o as DapDSAvatarReact,
-  s as DapDSBadgeReact,
-  u as DapDSBannerReact,
+  t as DapDSAccordionGroupReact,
+  o as DapDSAccordionReact,
+  u as DapDSAnchorHeadingReact,
+  s as DapDSAvatarGroupReact,
+  p as DapDSAvatarReact,
+  c as DapDSBadgeReact,
+  x as DapDSBannerReact,
   n as DapDSBreadcrumbItemReact,
-  c as DapDSBreadcrumbReact,
+  i as DapDSBreadcrumbReact,
   y as DapDSButtonReact,
   A as DapDSCalendarCellReact,
   F as DapDSCalendarReact,
@@ -240,16 +240,16 @@ export {
   ne as DapDSFileInputListItemReact,
   ye as DapDSFileInputListReact,
   Ae as DapDSFileInputReact,
-  Ft as DapDSFormLabelReact,
+  At as DapDSFormLabelReact,
   be as DapDSIconButtonReact,
   Fe as DapDSIconReact,
-  Te as DapDSImageZoomReact,
-  At as DapDSInputGroupReact,
-  ke as DapDSInputReact,
+  ke as DapDSImageZoomReact,
+  Ft as DapDSInputGroupReact,
+  Te as DapDSInputReact,
   Ue as DapDSLabelReact,
   Oe as DapDSLinkReact,
-  Ee as DapDSListItemReact,
-  Ge as DapDSModalReact,
+  Ge as DapDSListItemReact,
+  Ee as DapDSModalReact,
   Ne as DapDSNavigationMenuItemReact,
   Ze as DapDSNavigationMenuReact,
   je as DapDSNotificationBadgeReact,
@@ -293,20 +293,20 @@ export {
   ot as DapDSTimelineItemReact,
   pt as DapDSTimelineReact,
   xt as DapDSToggleButtonReact,
-  nt as DapDSTooltipReact,
-  it as DapDSTrayReact,
+  it as DapDSTooltipReact,
+  nt as DapDSTrayReact,
   yt as DapDSTypographyReact,
   ir as DesignEditLineReact,
   nr as DesignToolsLineReact,
-  Gr as DeviceComputerLineReact,
-  yr as DocumentClipboardLineReact,
+  yr as DeviceComputerLineReact,
+  Ar as DocumentClipboardLineReact,
   Fr as DocumentFileCopyLineReact,
-  Ar as DocumentFileImageLineReact,
-  br as DocumentFileMusicLineReact,
-  kr as DocumentFileTextLineReact,
-  Tr as DocumentFileVideoLineReact,
-  Ur as DocumentFolderLineReact,
-  Or as DocumentFolderOpenLineReact,
+  br as DocumentFileImageLineReact,
+  kr as DocumentFileMusicLineReact,
+  Tr as DocumentFileTextLineReact,
+  Ur as DocumentFileVideoLineReact,
+  Or as DocumentFolderLineReact,
+  Gr as DocumentFolderOpenLineReact,
   Er as EditorSeparatorReact,
   Nr as HealthHeartFillReact,
   Zr as HealthHeartLineReact,
@@ -326,8 +326,8 @@ export {
   So as SystemCloseFillReact,
   Lo as SystemCloseLineReact,
   Co as SystemDeleteBinFillReact,
-  ho as SystemDeleteBinLineReact,
-  wo as SystemDownloadLineReact,
+  wo as SystemDeleteBinLineReact,
+  ho as SystemDownloadLineReact,
   go as SystemErrorWarningFillReact,
   Io as SystemErrorWarningLineReact,
   Bo as SystemExternalLinkLineReact,
@@ -336,23 +336,23 @@ export {
   Mo as SystemForbidFillReact,
   Ho as SystemInformation2FillReact,
   Wo as SystemInformationFillReact,
-  Jo as SystemInformationLineReact,
-  Vo as SystemLightbulbFillReact,
-  Qo as SystemLoadingSpinnerReact,
-  qo as SystemLockFillReact,
+  Vo as SystemInformationLineReact,
+  qo as SystemLightbulbFillReact,
+  Jo as SystemLoadingSpinnerReact,
+  Qo as SystemLockFillReact,
   Yo as SystemLockLineReact,
   $o as SystemMenuLineReact,
   af as SystemMenuLineSReact,
-  lf as SystemMore2LineReact,
+  rf as SystemMore2LineReact,
   ff as SystemMoreLineReact,
-  rf as SystemSearchLineReact,
+  lf as SystemSearchLineReact,
   mf as SystemShareLineReact,
   df as SystemShieldCheckFillReact,
   Df as SystemShieldCheckLineReact,
-  Af as SystemStarFillReact,
-  Rf as SystemSubtractLine2React,
-  yf as SystemSubtractLineReact,
-  nf as SystemTimeFillReact,
+  Rf as SystemStarFillReact,
+  yf as SystemSubtractLine2React,
+  nf as SystemSubtractLineReact,
+  Af as SystemTimeFillReact,
   Ff as SystemTimeLineReact,
   bf as SystemUpload2FillReact,
   kf as SystemUpload2LineReact,

package/package.json

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