dap-design-system 0.60.2 → 0.61.0

package/dist/react/dap-ds-divider/index.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "@lit/react";
+import * as a from "react";
+import "../../components/divider/divider.js";
+import r from "../../components/divider/divider.component.js";
+const t = "dap-ds-divider", m = e({
+  tagName: t,
+  elementClass: r,
+  react: a,
+  events: {},
+  displayName: "DapDSDivider"
+});
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-divider/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/divider/divider.js'\n\nconst tagName = 'dap-ds-divider'\n\n/**\n * `dap-ds-divider`\n * @summary A divider is a visual separator between elements.\n * @element dap-ds-divider\n * @title - Divider\n *\n * @cssproperty --dds-divider-border-width - The width of the divider border. (default: var(--dds-border-width-base))\n * @cssproperty --dds-divider-border-style - The style of the divider border. (default: solid)\n * @cssproperty --dds-divider-border-color - The color of the divider border. (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-divider-border-color-inverted - The color of the divider border when inverted. (default: var(--dds-border-neutral-divider-inverted))\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSDivider',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,kBAaVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/feedback/feedback.component.js';
+import { default as Component } from '../../components/feedback/feedback.js';
 /**
  * `dap-ds-feedback`
  * @summary A feedback is a container for feedback messages.

package/dist/react/dap-ds-feedback/index.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "@lit/react";
+import * as a from "react";
+import "../../components/feedback/feedback.js";
+import t from "../../components/feedback/feedback.component.js";
+const r = "dap-ds-feedback", c = e({
+  tagName: r,
+  elementClass: t,
+  react: a,
+  events: {},
+  displayName: "DapDSFeedback"
+});
+export {
+  c as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-feedback/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/feedback/feedback.js'\n\nconst tagName = 'dap-ds-feedback'\n\n/**\n * `dap-ds-feedback`\n * @summary A feedback is a container for feedback messages.\n * @element dap-ds-feedback\n * @title - Feedback\n *\n * @property {string} feedback - The feedback message.\n * @property {'xs' | 'sm' | 'lg'} feedbackSize - The size of the feedback. Default is `sm`.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of the feedback.\n * @property {boolean} feedbackSubtle - The weight of the feedback.\n * @property {boolean} feedbackNoMargin - Removes the margins around the feedback.\n * @property {string} feedbackId - The id of the feedback.\n *\n * @slot icon - The custom icon of the feedback.\n * @slot - The text of the feedback.\n *\n * @csspart base - The main feedback container.\n * @csspart icon - The icon of the feedback.\n * @csspart text - The text of the feedback.\n *\n * @cssproperty --dds-feedback-spacing - The spacing around the feedback component. (default: var(--dds-spacing-200))\n * @cssproperty --dds-feedback-color - The text color of the feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-font-size - The font size of the feedback. (default: var(--dds-font-sm))\n * @cssproperty --dds-feedback-font-weight - The font weight of the feedback. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-feedback-icon-fill - The fill color of the feedback icon. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-spacing - The spacing between the icon and text. (default: var(--dds-spacing-100))\n * @cssproperty --dds-feedback-color-warning - The text color for warning feedback. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-feedback-color-positive - The text color for positive feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-color-negative - The text color for negative feedback. (default: var(--dds-text-negative-subtle))\n * @cssproperty --dds-feedback-icon-fill-warning - The icon fill color for warning feedback. (default: var(--dds-icon-informative-subtle))\n * @cssproperty --dds-feedback-icon-fill-positive - The icon fill color for positive feedback. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-fill-negative - The icon fill color for negative feedback. (default: var(--dds-icon-negative-subtle))\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSFeedback',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,mBAmCVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

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

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/file-input/file-input.component.js';
+import { default as Component } from '../../components/file-input/file-input.js';
 import { DdsUploadStartEvent, DdsUploadProgressEvent, DdsUploadCompleteEvent, DdsUploadErrorEvent, DdsAllUploadsCompleteEvent, DdsFileRemovedEvent, DdsFileDeleteErrorEvent, DdsFileChangeEvent, DdsFilesAcceptedEvent } from '../../events/events';
 export type { DdsUploadStartEvent } from '../../events/events';
 export type { DdsUploadProgressEvent } from '../../events/events';

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

@@ -0,0 +1,25 @@
+import { createComponent as e } from "@lit/react";
+import * as d from "react";
+import "../../components/file-input/file-input.js";
+import o from "../../components/file-input/file-input.component.js";
+const s = "dap-ds-file-input", r = e({
+  tagName: s,
+  elementClass: o,
+  react: d,
+  events: {
+    onDdsUploadStart: "dds-upload-start",
+    onDdsUploadProgress: "dds-upload-progress",
+    onDdsUploadComplete: "dds-upload-complete",
+    onDdsUploadError: "dds-upload-error",
+    onDdsAllUploadsComplete: "dds-all-uploads-complete",
+    onDdsFileRemoved: "dds-file-removed",
+    onDdsFileDeleteError: "dds-file-delete-error",
+    onDdsFileChange: "dds-file-change",
+    onDdsFilesAccepted: "dds-files-accepted"
+  },
+  displayName: "DapDSFileInput"
+});
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 *\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,qBAwFVC,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/dap-ds-file-input-list/index.d.ts

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/file-input/file-input-list.component.js';
+import { default as Component } from '../../components/file-input/file-input-list.js';
 import { DdsFileClickEvent } from '../../events/events';
 export type { DdsFileClickEvent } from '../../events/events';
 /**

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

@@ -0,0 +1,17 @@
+import { createComponent as t } from "@lit/react";
+import * as e from "react";
+import "../../components/file-input/file-input-list.js";
+import a from "../../components/file-input/file-input-list.component.js";
+const i = "dap-ds-file-input-list", r = t({
+  tagName: i,
+  elementClass: a,
+  react: e,
+  events: {
+    onDdsFileClick: "dds-file-click"
+  },
+  displayName: "DapDSFileInputList"
+});
+export {
+  r as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-file-input-list/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-list.js'\n      import type { DdsFileClickEvent } from '../../events/events'\n      export type { DdsFileClickEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-file-input-list'\n\n      /**\n * `dap-ds-file-input-list`\n * @summary A file input list is a container for file input items.\n * @element dap-ds-file-input-list\n * @title - File input list\n * @group file-input\n *\n * @slot delete-button - The delete button.\n *\n * @event {{ file: FileListElement }} dds-file-click - Dispatched when a file is clicked.\n *\n * @csspart base - The main file input list container.\n *\n * @cssproperty --dds-file-list-display - Controls the display property (default: flex)\n * @cssproperty --dds-file-list-flex-direction - Controls the flex-direction property (default: column)\n * @cssproperty --dds-file-list-padding - Controls the padding property (default: 0)\n * @cssproperty --dds-file-list-list-style - Controls the list-style-type property (default: none)\n * @cssproperty --dds-file-list-gap - Controls the row-gap property (default: var(--dds-spacing-200))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsFileClick: 'dds-file-click' as EventName<DdsFileClickEvent>\n        },\n        displayName: \"DapDSFileInputList\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AASM,MAAMA,IAAU,0BAqBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,aAAa;AACf,CAAC;"}

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

@@ -1,5 +1,5 @@
 import { EventName } from '@lit/react';
-import { default as Component } from '../../components/file-input/file-input-list-item.component.js';
+import { default as Component } from '../../components/file-input/file-input-list-item.js';
 import { DdsFileRemoveEvent, DdsFileClickEvent } from '../../events/events';
 export type { DdsFileRemoveEvent } from '../../events/events';
 export type { DdsFileClickEvent } from '../../events/events';

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

@@ -0,0 +1,18 @@
+import { createComponent as e } from "@lit/react";
+import * as t from "react";
+import "../../components/file-input/file-input-list-item.js";
+import i from "../../components/file-input/file-input-list-item.component.js";
+const a = "dap-ds-file-input-list-item", p = e({
+  tagName: a,
+  elementClass: i,
+  react: t,
+  events: {
+    onDdsFileRemove: "dds-file-remove",
+    onDdsFileClick: "dds-file-click"
+  },
+  displayName: "DapDSFileInputListItem"
+});
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-file-input-list-item/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-list-item.js'\n      import type { DdsFileRemoveEvent } from '../../events/events'\nimport type { DdsFileClickEvent } from '../../events/events'\n      export type { DdsFileRemoveEvent } from '../../events/events'\nexport type { DdsFileClickEvent } from '../../events/events'\n\n      const tagName = 'dap-ds-file-input-list-item'\n\n      /**\n * `dap-ds-file-input-list-item`\n * @summary A file input list item is a container for file input list items.\n * @element dap-ds-file-input-list-item\n * @title - File input list item\n * @group file-input\n *\n * @event {{ file: FileListElement }} dds-file-remove - Dispatched when a file is removed from the list.\n * @event {{ file: FileListElement }} dds-file-click - Dispatched when a file is clicked.\n *\n * @slot delete-button - The delete button.\n *\n * @csspart base - The main file input list item container.\n * @csspart feedback - The feedback container.\n * @csspart link - The link text of the item component.\n * @csspart filename - The filename text of the item component.\n * @csspart filesize - The filesize text of the item component.\n * @csspart spinner - The spinner of the item component.\n * @csspart remove-button - The remove button of the item component.\n * @csspart thumbnail - The thumbnail of the item component.\n *\n * @cssproperty --dds-file-list-item-padding - The padding of the file list item (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-border-width - The border width of the file list item (default: var(--dds-border-width-base))\n * @cssproperty --dds-file-list-item-border-color - The border color of the file list item (default: var(--dds-border-neutral-transparent))\n * @cssproperty --dds-file-list-item-border-radius - The border radius of the file list item (default: var(--dds-radius-base))\n * @cssproperty --dds-file-list-item-bg-color - The background color of the file list item (default: var(--dds-fields-background-default))\n * @cssproperty --dds-file-list-item-font-weight - The font weight of the file list item (default: var(--dds-font-weight-medium))\n * @cssproperty --dds-file-list-item-disabled-bg-color - The background color of the disabled file list item (default: var(--dds-cold-grey-400))\n * @cssproperty --dds-file-list-item-disabled-color - The text color of the disabled file list item (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-file-list-item-content-margin - The margin of the content within the file list item (default: var(--dds-spacing-100) var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-content-gap - The gap between content elements in the file list item (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-filename-color - The color of the filename text (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-file-list-item-filesize-color - The color of the filesize text (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-file-list-item-feedback-padding-x - The padding of the feedback section (default: var(--dds-spacing-200))\n * @cssproperty --dds-file-list-item-feedback-padding-y - The padding of the feedback section (default: var(--dds-spacing-100))\n * @cssproperty --dds-file-list-item-feedback-border-color - The border color of the feedback section (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-file-list-item-feedback-font-size - The font size of the feedback text (default: var(--dds-font-sm))\n */\n      const reactWrapper = createComponent({\n        tagName,\n        elementClass: Component,\n        react: React,\n        events: {\n          onDdsFileRemove: 'dds-file-remove' as EventName<DdsFileRemoveEvent>,\nonDdsFileClick: 'dds-file-click' as EventName<DdsFileClickEvent>\n        },\n        displayName: \"DapDSFileInputListItem\"\n      })\n\n      export default reactWrapper\n    "],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAWM,MAAMA,IAAU,+BAwCVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ;AAAA,IACN,iBAAiB;AAAA,IAC3B,gBAAgB;AAAA,EACR;AAAA,EACA,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-form-label/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/form/form-label/form-label.component.js';
+import { default as Component } from '../../components/form/form-label/form-label.js';
 /**
  * `dap-ds-form-label`
  * @summary A form label is a container for labels in a form.

package/dist/react/dap-ds-form-label/index.js

@@ -0,0 +1,15 @@
+import { createComponent as a } from "@lit/react";
+import * as e from "react";
+import "../../components/form/form-label/form-label.js";
+import r from "../../components/form/form-label/form-label.component.js";
+const t = "dap-ds-form-label", s = a({
+  tagName: t,
+  elementClass: r,
+  react: e,
+  events: {},
+  displayName: "DapDSFormLabel"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-form-label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-form-label/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/form/form-label/form-label.js'\n\nconst tagName = 'dap-ds-form-label'\n\n/**\n * `dap-ds-form-label`\n * @summary A form label is a container for labels in a form.\n * @element dap-ds-form-label\n * @title - Form label\n * @group form\n *\n * @property {string} optionalLabel - Label of optional text\n * @property {boolean} subtle - Text weight of the label.\n * @property {boolean} optional - If the label is optional.\n * @property {boolean} required - If the label is required.\n * @property {string} requiredLabel - Indicator of required text. (default: '*')\n * @property {string} label - The label text.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n *\n * @csspart base - The main form label container.\n * @csspart required - The required indicator of the form label.\n * @csspart optional - The optional indicator of the form label.\n *\n * @cssproperty --dds-form-label-font-weight - Font weight of the label. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-form-label-line-height - Line height of the label. (default: var(--dds-font-line-height-xlarge))\n * @cssproperty --dds-form-label-color - Text color of the label. (default: var(--dds-text-neutral-enabled))\n * @cssproperty --dds-form-label-disabled-color - Text color when the label is disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-form-label-required-color - Color of the required indicator. (default: var(--dds-text-negative-subtle))\n * @cssproperty --dds-form-label-optional-color - Color of the optional indicator. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-form-label-margin-bottom - Bottom margin of the label. (default: var(--dds-spacing-200))\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSFormLabel',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,qBA6BVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

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

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icon/icon.component.js';
+import { default as Component } from '../../components/icon/icon.js';
 /**
  * `dap-ds-icon`
  * @summary An icon is a graphical symbol that represents an object or action.

package/dist/react/dap-ds-icon/index.js

@@ -0,0 +1,15 @@
+import { createComponent as a } from "@lit/react";
+import * as e from "react";
+import "../../components/icon/icon.js";
+import t from "../../components/icon/icon.component.js";
+const o = "dap-ds-icon", c = a({
+  tagName: o,
+  elementClass: t,
+  react: e,
+  events: {},
+  displayName: "DapDSIcon"
+});
+export {
+  c as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icon/icon.js'\n\nconst tagName = 'dap-ds-icon'\n\n/**\n * `dap-ds-icon`\n * @summary An icon is a graphical symbol that represents an object or action.\n * @element dap-ds-icon\n * @title - Icon\n *\n * @property {boolean} ariaHidden - Whether the icon is hidden from the accessibility tree. Default is true.\n * @property {string} ariaLabel - The aria label of the icon.\n *\n * @slot - The content of the icon for custom svg icons.\n *\n * @csspart base - The main icon container.\n * @csspart icon - The icon of the icon.\n *\n * @cssproperty --dds-icon-size-xs - The size of extra small icons (default: 12px)\n * @cssproperty --dds-icon-size-sm - The size of small icons (default: 16px)\n * @cssproperty --dds-icon-size-md - The size of medium icons (default: 20px)\n * @cssproperty --dds-icon-size-lg - The size of large icons (default: 24px)\n * @cssproperty --dds-icon-size-xl - The size of extra large icons (default: 32px)\n * @cssproperty --dds-icon-size-xxl - The size of extra extra large icons (default: 40px)\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'DapDSIcon',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,eAuBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-account-circle-fill/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/user/user-account-circle-fill/user-account-circle-fill.component.js';
+import { default as Component } from '../../components/icons/user/user-account-circle-fill/user-account-circle-fill.js';
 /**
  * `dap-ds-icon-account-circle-fill`
  * @summary An icon

package/dist/react/dap-ds-icon-account-circle-fill/index.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "@lit/react";
+import * as t from "react";
+import "../../components/icons/user/user-account-circle-fill/user-account-circle-fill.js";
+import r from "../../components/icons/user/user-account-circle-fill/user-account-circle-fill.component.js";
+const c = "dap-ds-icon-account-circle-fill", i = e({
+  tagName: c,
+  elementClass: r,
+  react: t,
+  events: {},
+  displayName: "UserAccountCircleFill"
+});
+export {
+  i as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-account-circle-fill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-account-circle-fill/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/user/user-account-circle-fill/user-account-circle-fill.js'\n\nconst tagName = 'dap-ds-icon-account-circle-fill'\n\n/**\n * `dap-ds-icon-account-circle-fill`\n * @summary An icon\n * @element dap-ds-icon-account-circle-fill\n * @title - UserAccountCircleFill\n * @group icon\n * @icontype user\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'UserAccountCircleFill',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,mCAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-account-circle-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/user/user-account-circle-line/user-account-circle-line.component.js';
+import { default as Component } from '../../components/icons/user/user-account-circle-line/user-account-circle-line.js';
 /**
  * `dap-ds-icon-account-circle-line`
  * @summary An icon

package/dist/react/dap-ds-icon-account-circle-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "@lit/react";
+import * as t from "react";
+import "../../components/icons/user/user-account-circle-line/user-account-circle-line.js";
+import r from "../../components/icons/user/user-account-circle-line/user-account-circle-line.component.js";
+const c = "dap-ds-icon-account-circle-line", i = e({
+  tagName: c,
+  elementClass: r,
+  react: t,
+  events: {},
+  displayName: "UserAccountCircleLine"
+});
+export {
+  i as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-account-circle-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-account-circle-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/user/user-account-circle-line/user-account-circle-line.js'\n\nconst tagName = 'dap-ds-icon-account-circle-line'\n\n/**\n * `dap-ds-icon-account-circle-line`\n * @summary An icon\n * @element dap-ds-icon-account-circle-line\n * @title - UserAccountCircleLine\n * @group icon\n * @icontype user\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'UserAccountCircleLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,mCAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-add-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/system/system-add-line/system-add-line.component.js';
+import { default as Component } from '../../components/icons/system/system-add-line/system-add-line.js';
 /**
  * `dap-ds-icon-add-line`
  * @summary An icon

package/dist/react/dap-ds-icon-add-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "@lit/react";
+import * as t from "react";
+import "../../components/icons/system/system-add-line/system-add-line.js";
+import a from "../../components/icons/system/system-add-line/system-add-line.component.js";
+const m = "dap-ds-icon-add-line", d = e({
+  tagName: m,
+  elementClass: a,
+  react: t,
+  events: {},
+  displayName: "SystemAddLine"
+});
+export {
+  d as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-add-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-add-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/system/system-add-line/system-add-line.js'\n\nconst tagName = 'dap-ds-icon-add-line'\n\n/**\n * `dap-ds-icon-add-line`\n * @summary An icon\n * @element dap-ds-icon-add-line\n * @title - SystemAddLine\n * @group icon\n * @icontype system\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'SystemAddLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,wBAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-alert-fill/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/system/system-alert-fill/system-alert-fill.component.js';
+import { default as Component } from '../../components/icons/system/system-alert-fill/system-alert-fill.js';
 /**
  * `dap-ds-icon-alert-fill`
  * @summary An icon

package/dist/react/dap-ds-icon-alert-fill/index.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "@lit/react";
+import * as t from "react";
+import "../../components/icons/system/system-alert-fill/system-alert-fill.js";
+import r from "../../components/icons/system/system-alert-fill/system-alert-fill.component.js";
+const a = "dap-ds-icon-alert-fill", s = e({
+  tagName: a,
+  elementClass: r,
+  react: t,
+  events: {},
+  displayName: "SystemAlertFill"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-alert-fill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-alert-fill/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/system/system-alert-fill/system-alert-fill.js'\n\nconst tagName = 'dap-ds-icon-alert-fill'\n\n/**\n * `dap-ds-icon-alert-fill`\n * @summary An icon\n * @element dap-ds-icon-alert-fill\n * @title - SystemAlertFill\n * @group icon\n * @icontype system\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'SystemAlertFill',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,0BAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-alert-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/system/system-alert-line/system-alert-line.component.js';
+import { default as Component } from '../../components/icons/system/system-alert-line/system-alert-line.js';
 /**
  * `dap-ds-icon-alert-line`
  * @summary An icon

package/dist/react/dap-ds-icon-alert-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as e } from "@lit/react";
+import * as t from "react";
+import "../../components/icons/system/system-alert-line/system-alert-line.js";
+import r from "../../components/icons/system/system-alert-line/system-alert-line.component.js";
+const a = "dap-ds-icon-alert-line", n = e({
+  tagName: a,
+  elementClass: r,
+  react: t,
+  events: {},
+  displayName: "SystemAlertLine"
+});
+export {
+  n as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-alert-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-alert-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/system/system-alert-line/system-alert-line.js'\n\nconst tagName = 'dap-ds-icon-alert-line'\n\n/**\n * `dap-ds-icon-alert-line`\n * @summary An icon\n * @element dap-ds-icon-alert-line\n * @title - SystemAlertLine\n * @group icon\n * @icontype system\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'SystemAlertLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,0BAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-arrow-down-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/arrows/arrows-arrow-down-line/arrows-arrow-down-line.component.js';
+import { default as Component } from '../../components/icons/arrows/arrows-arrow-down-line/arrows-arrow-down-line.js';
 /**
  * `dap-ds-icon-arrow-down-line`
  * @summary An icon

package/dist/react/dap-ds-icon-arrow-down-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as r } from "@lit/react";
+import * as o from "react";
+import "../../components/icons/arrows/arrows-arrow-down-line/arrows-arrow-down-line.js";
+import e from "../../components/icons/arrows/arrows-arrow-down-line/arrows-arrow-down-line.component.js";
+const t = "dap-ds-icon-arrow-down-line", s = r({
+  tagName: t,
+  elementClass: e,
+  react: o,
+  events: {},
+  displayName: "ArrowsArrowDownLine"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-arrow-down-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-arrow-down-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/arrows/arrows-arrow-down-line/arrows-arrow-down-line.js'\n\nconst tagName = 'dap-ds-icon-arrow-down-line'\n\n/**\n * `dap-ds-icon-arrow-down-line`\n * @summary An icon\n * @element dap-ds-icon-arrow-down-line\n * @title - ArrowsArrowDownLine\n * @group icon\n * @icontype arrows\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'ArrowsArrowDownLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,+BAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-arrow-down-s-fill/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/arrows/arrows-arrow-down-s-fill/arrows-arrow-down-s-fill.component.js';
+import { default as Component } from '../../components/icons/arrows/arrows-arrow-down-s-fill/arrows-arrow-down-s-fill.js';
 /**
  * `dap-ds-icon-arrow-down-s-fill`
  * @summary An icon

package/dist/react/dap-ds-icon-arrow-down-s-fill/index.js

@@ -0,0 +1,15 @@
+import { createComponent as r } from "@lit/react";
+import * as o from "react";
+import "../../components/icons/arrows/arrows-arrow-down-s-fill/arrows-arrow-down-s-fill.js";
+import e from "../../components/icons/arrows/arrows-arrow-down-s-fill/arrows-arrow-down-s-fill.component.js";
+const t = "dap-ds-icon-arrow-down-s-fill", l = r({
+  tagName: t,
+  elementClass: e,
+  react: o,
+  events: {},
+  displayName: "ArrowsArrowDownSFill"
+});
+export {
+  l as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-arrow-down-s-fill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-arrow-down-s-fill/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/arrows/arrows-arrow-down-s-fill/arrows-arrow-down-s-fill.js'\n\nconst tagName = 'dap-ds-icon-arrow-down-s-fill'\n\n/**\n * `dap-ds-icon-arrow-down-s-fill`\n * @summary An icon\n * @element dap-ds-icon-arrow-down-s-fill\n * @title - ArrowsArrowDownSFill\n * @group icon\n * @icontype arrows\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'ArrowsArrowDownSFill',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,iCAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-arrow-down-s-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/arrows/arrows-arrow-down-s-line/arrows-arrow-down-s-line.component.js';
+import { default as Component } from '../../components/icons/arrows/arrows-arrow-down-s-line/arrows-arrow-down-s-line.js';
 /**
  * `dap-ds-icon-arrow-down-s-line`
  * @summary An icon

package/dist/react/dap-ds-icon-arrow-down-s-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as r } from "@lit/react";
+import * as o from "react";
+import "../../components/icons/arrows/arrows-arrow-down-s-line/arrows-arrow-down-s-line.js";
+import e from "../../components/icons/arrows/arrows-arrow-down-s-line/arrows-arrow-down-s-line.component.js";
+const t = "dap-ds-icon-arrow-down-s-line", m = r({
+  tagName: t,
+  elementClass: e,
+  react: o,
+  events: {},
+  displayName: "ArrowsArrowDownSLine"
+});
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-arrow-down-s-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-arrow-down-s-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/arrows/arrows-arrow-down-s-line/arrows-arrow-down-s-line.js'\n\nconst tagName = 'dap-ds-icon-arrow-down-s-line'\n\n/**\n * `dap-ds-icon-arrow-down-s-line`\n * @summary An icon\n * @element dap-ds-icon-arrow-down-s-line\n * @title - ArrowsArrowDownSLine\n * @group icon\n * @icontype arrows\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'ArrowsArrowDownSLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,iCAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-arrow-left-down-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-down-line/arrows-arrow-left-down-line.component.js';
+import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-down-line/arrows-arrow-left-down-line.js';
 /**
  * `dap-ds-icon-arrow-left-down-line`
  * @summary An icon

package/dist/react/dap-ds-icon-arrow-left-down-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as r } from "@lit/react";
+import * as e from "react";
+import "../../components/icons/arrows/arrows-arrow-left-down-line/arrows-arrow-left-down-line.js";
+import o from "../../components/icons/arrows/arrows-arrow-left-down-line/arrows-arrow-left-down-line.component.js";
+const t = "dap-ds-icon-arrow-left-down-line", s = r({
+  tagName: t,
+  elementClass: o,
+  react: e,
+  events: {},
+  displayName: "ArrowsArrowLeftDownLine"
+});
+export {
+  s as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-arrow-left-down-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-arrow-left-down-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/arrows/arrows-arrow-left-down-line/arrows-arrow-left-down-line.js'\n\nconst tagName = 'dap-ds-icon-arrow-left-down-line'\n\n/**\n * `dap-ds-icon-arrow-left-down-line`\n * @summary An icon\n * @element dap-ds-icon-arrow-left-down-line\n * @title - ArrowsArrowLeftDownLine\n * @group icon\n * @icontype arrows\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'ArrowsArrowLeftDownLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,oCAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-arrow-left-l-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-l-line/arrows-arrow-left-l-line.component.js';
+import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-l-line/arrows-arrow-left-l-line.js';
 /**
  * `dap-ds-icon-arrow-left-l-line`
  * @summary An icon

package/dist/react/dap-ds-icon-arrow-left-l-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as r } from "@lit/react";
+import * as e from "react";
+import "../../components/icons/arrows/arrows-arrow-left-l-line/arrows-arrow-left-l-line.js";
+import t from "../../components/icons/arrows/arrows-arrow-left-l-line/arrows-arrow-left-l-line.component.js";
+const o = "dap-ds-icon-arrow-left-l-line", n = r({
+  tagName: o,
+  elementClass: t,
+  react: e,
+  events: {},
+  displayName: "ArrowsArrowLeftLLine"
+});
+export {
+  n as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-arrow-left-l-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-arrow-left-l-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/arrows/arrows-arrow-left-l-line/arrows-arrow-left-l-line.js'\n\nconst tagName = 'dap-ds-icon-arrow-left-l-line'\n\n/**\n * `dap-ds-icon-arrow-left-l-line`\n * @summary An icon\n * @element dap-ds-icon-arrow-left-l-line\n * @title - ArrowsArrowLeftLLine\n * @group icon\n * @icontype arrows\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'ArrowsArrowLeftLLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,iCAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-arrow-left-line/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-line/arrows-arrow-left-line.component.js';
+import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-line/arrows-arrow-left-line.js';
 /**
  * `dap-ds-icon-arrow-left-line`
  * @summary An icon

package/dist/react/dap-ds-icon-arrow-left-line/index.js

@@ -0,0 +1,15 @@
+import { createComponent as r } from "@lit/react";
+import * as e from "react";
+import "../../components/icons/arrows/arrows-arrow-left-line/arrows-arrow-left-line.js";
+import t from "../../components/icons/arrows/arrows-arrow-left-line/arrows-arrow-left-line.component.js";
+const o = "dap-ds-icon-arrow-left-line", n = r({
+  tagName: o,
+  elementClass: t,
+  react: e,
+  events: {},
+  displayName: "ArrowsArrowLeftLine"
+});
+export {
+  n as default
+};
+//# sourceMappingURL=index.js.map

package/dist/react/dap-ds-icon-arrow-left-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/dap-ds-icon-arrow-left-line/index.ts"],"sourcesContent":["import { createComponent } from '@lit/react'\nimport * as React from 'react'\n\nimport Component from '../../components/icons/arrows/arrows-arrow-left-line/arrows-arrow-left-line.js'\n\nconst tagName = 'dap-ds-icon-arrow-left-line'\n\n/**\n * `dap-ds-icon-arrow-left-line`\n * @summary An icon\n * @element dap-ds-icon-arrow-left-line\n * @title - ArrowsArrowLeftLine\n * @group icon\n * @icontype arrows\n *\n * @attribute {number} size - (optional) The width and height in pixels\n * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute\n * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility\n * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus\n *\n * @csspart base - The main icon container.\n */\nconst reactWrapper = createComponent({\n  tagName,\n  elementClass: Component,\n  react: React,\n  events: {},\n  displayName: 'ArrowsArrowLeftLine',\n})\n\nexport default reactWrapper\n"],"names":["tagName","reactWrapper","createComponent","Component","React"],"mappings":";;;;AAKA,MAAMA,IAAU,+BAiBVC,IAAeC,EAAgB;AAAA,EACnC,SAAAF;AAAA,EACA,cAAcG;AAAAA,EACd,OAAOC;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,aAAa;AACf,CAAC;"}

package/dist/react/dap-ds-icon-arrow-left-s-fill/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-s-fill/arrows-arrow-left-s-fill.component.js';
+import { default as Component } from '../../components/icons/arrows/arrows-arrow-left-s-fill/arrows-arrow-left-s-fill.js';
 /**
  * `dap-ds-icon-arrow-left-s-fill`
  * @summary An icon