dap-design-system 0.60.2 → 0.61.0

package/dist/components/icons/system/system-checkbox-blank-circle-fill-check/system-checkbox-blank-circle-fill-check.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-blank-circle-fill-check.component.js","sources":["../../../../../src/components/icons/system/system-checkbox-blank-circle-fill-check/system-checkbox-blank-circle-fill-check.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { PropertyValueMap,unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../../../internal/dds-hu-element'\nimport styles from '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-checkbox-blank-circle-fill-check`\n * @summary An icon\n * @element dap-ds-icon-checkbox-blank-circle-fill-check\n * @title - SystemCheckboxBlankCircleFillCheck\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 */\nexport default class SystemCheckboxBlankCircleFillCheck extends DdsElement {\n  static tagName = 'dap-ds-icon-checkbox-blank-circle-fill-check'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-checkbox-blank-circle-fill-check')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path fill-rule=\"evenodd\" d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m-.938-4.377 4.524-5.654-1.172-.938-3.476 4.346L5.03 7.47 3.97 8.53z\" clip-rule=\"evenodd\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCheckboxBlankCircleFillCheck","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCheckboxBlankCircleFillCheck","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAA2CC,EAAW;AAAA,EAA3E,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,8CAA8C,CAAC;AAAA;AAAA,gBAE5D,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,gDAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-checkbox-blank-circle-fill-check/system-checkbox-blank-circle-fill-check.js

@@ -0,0 +1,6 @@
+import e from "./system-checkbox-blank-circle-fill-check.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=system-checkbox-blank-circle-fill-check.js.map

package/dist/components/icons/system/system-checkbox-blank-circle-fill-check/system-checkbox-blank-circle-fill-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-blank-circle-fill-check.js","sources":["../../../../../src/components/icons/system/system-checkbox-blank-circle-fill-check/system-checkbox-blank-circle-fill-check.ts"],"sourcesContent":["import SystemCheckboxBlankCircleFillCheck from './system-checkbox-blank-circle-fill-check.component.js'\n\nexport * from './system-checkbox-blank-circle-fill-check.component.js'\nexport default SystemCheckboxBlankCircleFillCheck\n\nSystemCheckboxBlankCircleFillCheck.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-checkbox-blank-circle-fill-check': SystemCheckboxBlankCircleFillCheck\n  }\n}\n"],"names":["SystemCheckboxBlankCircleFillCheck"],"mappings":";AAKAA,EAAmC,OAAO;"}

package/dist/components/icons/system/system-checkbox-blank-circle-line/system-checkbox-blank-circle-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCheckboxBlankCircleLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-checkbox-blank-circle-line/system-checkbox-blank-circle-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+import "../../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../../node_modules/lit-html/lit-html.js";
+import "../../../../node_modules/lit-element/lit-element.js";
+import { property as r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, b) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-checkbox-blank-circle-line")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-checkbox-blank-circle-line", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-checkbox-blank-circle-line.component.js.map

package/dist/components/icons/system/system-checkbox-blank-circle-line/system-checkbox-blank-circle-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-blank-circle-line.component.js","sources":["../../../../../src/components/icons/system/system-checkbox-blank-circle-line/system-checkbox-blank-circle-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { PropertyValueMap,unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../../../internal/dds-hu-element'\nimport styles from '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-checkbox-blank-circle-line`\n * @summary An icon\n * @element dap-ds-icon-checkbox-blank-circle-line\n * @title - SystemCheckboxBlankCircleLine\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 */\nexport default class SystemCheckboxBlankCircleLine extends DdsElement {\n  static tagName = 'dap-ds-icon-checkbox-blank-circle-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-checkbox-blank-circle-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCheckboxBlankCircleLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCheckboxBlankCircleLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAsCC,EAAW;AAAA,EAAtE,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,wCAAwC,CAAC;AAAA;AAAA,gBAEtD,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,0CAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-checkbox-blank-circle-line/system-checkbox-blank-circle-line.js

@@ -0,0 +1,6 @@
+import e from "./system-checkbox-blank-circle-line.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=system-checkbox-blank-circle-line.js.map

package/dist/components/icons/system/system-checkbox-blank-circle-line/system-checkbox-blank-circle-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-blank-circle-line.js","sources":["../../../../../src/components/icons/system/system-checkbox-blank-circle-line/system-checkbox-blank-circle-line.ts"],"sourcesContent":["import SystemCheckboxBlankCircleLine from './system-checkbox-blank-circle-line.component.js'\n\nexport * from './system-checkbox-blank-circle-line.component.js'\nexport default SystemCheckboxBlankCircleLine\n\nSystemCheckboxBlankCircleLine.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-checkbox-blank-circle-line': SystemCheckboxBlankCircleLine\n  }\n}\n"],"names":["SystemCheckboxBlankCircleLine"],"mappings":";AAKAA,EAA8B,OAAO;"}

package/dist/components/icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCheckboxCircleFill extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+import "../../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../../node_modules/lit-html/lit-html.js";
+import "../../../../node_modules/lit-element/lit-element.js";
+import { property as r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, g) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-checkbox-circle-fill")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m-.997-6 7.07-7.071-1.413-1.414-5.657 5.657-2.829-2.829-1.414 1.414z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-checkbox-circle-fill", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-checkbox-circle-fill.component.js.map

package/dist/components/icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-circle-fill.component.js","sources":["../../../../../src/components/icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { PropertyValueMap,unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../../../internal/dds-hu-element'\nimport styles from '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-checkbox-circle-fill`\n * @summary An icon\n * @element dap-ds-icon-checkbox-circle-fill\n * @title - SystemCheckboxCircleFill\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 */\nexport default class SystemCheckboxCircleFill extends DdsElement {\n  static tagName = 'dap-ds-icon-checkbox-circle-fill'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-checkbox-circle-fill')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m-.997-6 7.07-7.071-1.413-1.414-5.657 5.657-2.829-2.829-1.414 1.414z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCheckboxCircleFill","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCheckboxCircleFill","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAiCC,EAAW;AAAA,EAAjE,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,kCAAkC,CAAC;AAAA;AAAA,gBAEhD,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,oCAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.js

@@ -0,0 +1,6 @@
+import e from "./system-checkbox-circle-fill.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=system-checkbox-circle-fill.js.map

package/dist/components/icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-circle-fill.js","sources":["../../../../../src/components/icons/system/system-checkbox-circle-fill/system-checkbox-circle-fill.ts"],"sourcesContent":["import SystemCheckboxCircleFill from './system-checkbox-circle-fill.component.js'\n\nexport * from './system-checkbox-circle-fill.component.js'\nexport default SystemCheckboxCircleFill\n\nSystemCheckboxCircleFill.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-checkbox-circle-fill': SystemCheckboxCircleFill\n  }\n}\n"],"names":["SystemCheckboxCircleFill"],"mappings":";AAKAA,EAAyB,OAAO;"}

package/dist/components/icons/system/system-checkbox-circle-line/system-checkbox-circle-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCheckboxCircleLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-checkbox-circle-line/system-checkbox-circle-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+import "../../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../../node_modules/lit-html/lit-html.js";
+import "../../../../node_modules/lit-element/lit-element.js";
+import { property as r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, g) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-checkbox-circle-line")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16m-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.657-5.657 1.414 1.414z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-checkbox-circle-line", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-checkbox-circle-line.component.js.map

package/dist/components/icons/system/system-checkbox-circle-line/system-checkbox-circle-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-circle-line.component.js","sources":["../../../../../src/components/icons/system/system-checkbox-circle-line/system-checkbox-circle-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { PropertyValueMap,unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../../../internal/dds-hu-element'\nimport styles from '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-checkbox-circle-line`\n * @summary An icon\n * @element dap-ds-icon-checkbox-circle-line\n * @title - SystemCheckboxCircleLine\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 */\nexport default class SystemCheckboxCircleLine extends DdsElement {\n  static tagName = 'dap-ds-icon-checkbox-circle-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-checkbox-circle-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16m-.997-4L6.76 11.757l1.414-1.414 2.829 2.829 5.657-5.657 1.414 1.414z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCheckboxCircleLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCheckboxCircleLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAiCC,EAAW;AAAA,EAAjE,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,kCAAkC,CAAC;AAAA;AAAA,gBAEhD,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,oCAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-checkbox-circle-line/system-checkbox-circle-line.js

@@ -0,0 +1,6 @@
+import e from "./system-checkbox-circle-line.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=system-checkbox-circle-line.js.map

package/dist/components/icons/system/system-checkbox-circle-line/system-checkbox-circle-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-circle-line.js","sources":["../../../../../src/components/icons/system/system-checkbox-circle-line/system-checkbox-circle-line.ts"],"sourcesContent":["import SystemCheckboxCircleLine from './system-checkbox-circle-line.component.js'\n\nexport * from './system-checkbox-circle-line.component.js'\nexport default SystemCheckboxCircleLine\n\nSystemCheckboxCircleLine.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-checkbox-circle-line': SystemCheckboxCircleLine\n  }\n}\n"],"names":["SystemCheckboxCircleLine"],"mappings":";AAKAA,EAAyB,OAAO;"}

package/dist/components/icons/system/system-close-circle-fill/system-close-circle-fill.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCloseCircleFill extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-close-circle-fill/system-close-circle-fill.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+import "../../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../../node_modules/lit-html/lit-html.js";
+import "../../../../node_modules/lit-element/lit-element.js";
+import { property as r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, g) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-close-circle-fill")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-close-circle-fill", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-close-circle-fill.component.js.map

package/dist/components/icons/system/system-close-circle-fill/system-close-circle-fill.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-close-circle-fill.component.js","sources":["../../../../../src/components/icons/system/system-close-circle-fill/system-close-circle-fill.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { PropertyValueMap,unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../../../internal/dds-hu-element'\nimport styles from '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-close-circle-fill`\n * @summary An icon\n * @element dap-ds-icon-close-circle-fill\n * @title - SystemCloseCircleFill\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 */\nexport default class SystemCloseCircleFill extends DdsElement {\n  static tagName = 'dap-ds-icon-close-circle-fill'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-close-circle-fill')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCloseCircleFill","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCloseCircleFill","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAA8BC,EAAW;AAAA,EAA9D,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,+BAA+B,CAAC;AAAA;AAAA,gBAE7C,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,iCAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-close-circle-fill/system-close-circle-fill.js

@@ -0,0 +1,6 @@
+import e from "./system-close-circle-fill.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=system-close-circle-fill.js.map

package/dist/components/icons/system/system-close-circle-fill/system-close-circle-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-close-circle-fill.js","sources":["../../../../../src/components/icons/system/system-close-circle-fill/system-close-circle-fill.ts"],"sourcesContent":["import SystemCloseCircleFill from './system-close-circle-fill.component.js'\n\nexport * from './system-close-circle-fill.component.js'\nexport default SystemCloseCircleFill\n\nSystemCloseCircleFill.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-close-circle-fill': SystemCloseCircleFill\n  }\n}\n"],"names":["SystemCloseCircleFill"],"mappings":";AAKAA,EAAsB,OAAO;"}

package/dist/components/icons/system/system-close-circle-line/system-close-circle-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCloseCircleLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-close-circle-line/system-close-circle-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+import "../../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../../node_modules/lit-html/lit-html.js";
+import "../../../../node_modules/lit-element/lit-element.js";
+import { property as r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (l, t, p, g) => {
+  for (var e = void 0, o = l.length - 1, c; o >= 0; o--)
+    (c = l[o]) && (e = c(t, p, e) || e);
+  return e && u(t, p, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-close-circle-line")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0-9.414 2.828-2.829 1.415 1.415L13.414 12l2.829 2.828-1.415 1.415L12 13.414l-2.828 2.829-1.415-1.415L10.586 12 7.757 9.172l1.415-1.415z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-close-circle-line", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-close-circle-line.component.js.map

package/dist/components/icons/system/system-close-circle-line/system-close-circle-line.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-close-circle-line.component.js","sources":["../../../../../src/components/icons/system/system-close-circle-line/system-close-circle-line.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { PropertyValueMap,unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../../../internal/dds-hu-element'\nimport styles from '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-close-circle-line`\n * @summary An icon\n * @element dap-ds-icon-close-circle-line\n * @title - SystemCloseCircleLine\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 */\nexport default class SystemCloseCircleLine extends DdsElement {\n  static tagName = 'dap-ds-icon-close-circle-line'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-close-circle-line')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10m0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0-9.414 2.828-2.829 1.415 1.415L13.414 12l2.829 2.828-1.415 1.415L12 13.414l-2.828 2.829-1.415-1.415L10.586 12 7.757 9.172l1.415-1.415z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCloseCircleLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCloseCircleLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAA8BC,EAAW;AAAA,EAA9D,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,+BAA+B,CAAC;AAAA;AAAA,gBAE7C,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,iCAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-close-circle-line/system-close-circle-line.js

@@ -0,0 +1,6 @@
+import e from "./system-close-circle-line.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=system-close-circle-line.js.map

package/dist/components/icons/system/system-close-circle-line/system-close-circle-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-close-circle-line.js","sources":["../../../../../src/components/icons/system/system-close-circle-line/system-close-circle-line.ts"],"sourcesContent":["import SystemCloseCircleLine from './system-close-circle-line.component.js'\n\nexport * from './system-close-circle-line.component.js'\nexport default SystemCloseCircleLine\n\nSystemCloseCircleLine.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-close-circle-line': SystemCloseCircleLine\n  }\n}\n"],"names":["SystemCloseCircleLine"],"mappings":";AAKAA,EAAsB,OAAO;"}

package/dist/components/icons/system/system-close-fill/system-close-fill.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCloseFill extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */

package/dist/components/icons/system/system-close-fill/system-close-fill.component.js

@@ -0,0 +1,61 @@
+import { clsx as n } from "../../../../node_modules/clsx/dist/clsx.js";
+import "../../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../../node_modules/lit-html/lit-html.js";
+import "../../../../node_modules/lit-element/lit-element.js";
+import { property as r } from "../../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { html as d } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import h from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as m } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (p, t, l, g) => {
+  for (var e = void 0, o = p.length - 1, c; o >= 0; o--)
+    (c = p[o]) && (e = c(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends f {
+  constructor() {
+    super(...arguments), this.size = 24, this.selected = !1, this.focusable = !1;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.classList.add("dap-ds-icon");
+  }
+  render() {
+    var t;
+    return d`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-close-fill")}
+        xmlns="http://www.w3.org/2000/svg"
+        width=${this.size}
+        height=${this.size}
+        viewBox="0 0 24 24"
+        tabindex=${this.focusable ? 0 : -1}
+        aria-hidden=${(t = this.ariaHidden) != null ? t : "true"}>
+        ${this.accessibilityTitle ? d`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="m12 10.587 4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.415 1.414-4.95-4.95-4.949 4.95-1.414-1.415 4.95-4.95-4.95-4.95L7.05 5.638z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-close-fill", i.styles = m(h);
+let s = i;
+a([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "size");
+a([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected");
+a([
+  r()
+], s.prototype, "accessibilityTitle");
+a([
+  r({ type: Boolean })
+], s.prototype, "focusable");
+export {
+  s as default
+};
+//# sourceMappingURL=system-close-fill.component.js.map

package/dist/components/icons/system/system-close-fill/system-close-fill.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-close-fill.component.js","sources":["../../../../../src/components/icons/system/system-close-fill/system-close-fill.component.ts"],"sourcesContent":["/* eslint-disable prettier/prettier */\nimport { clsx } from 'clsx'\nimport { PropertyValueMap,unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { html } from 'lit/static-html.js'\n\nimport { DdsElement } from '../../../../internal/dds-hu-element'\nimport styles from '../../../icon/_styles/icon.scss?inline'\n\n/**\n * `dap-ds-icon-close-fill`\n * @summary An icon\n * @element dap-ds-icon-close-fill\n * @title - SystemCloseFill\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 */\nexport default class SystemCloseFill extends DdsElement {\n  static tagName = 'dap-ds-icon-close-fill'\n\n  /** (optional) The width and height in pixels */\n  @property({ type: Number, reflect: true }) size? = 24\n  /** (optional) Sets the icon color via the `fill` attribute */\n  @property({ type: Boolean, reflect: true }) selected?: boolean = false\n  /** (optional) When using the icon standalone, make it meaningful for accessibility */\n  @property() accessibilityTitle?: string\n  /** (optional) If `true` the icon can receive focus */\n  @property({ type: Boolean }) focusable?: boolean = false\n\n  static readonly styles = unsafeCSS(styles)\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.firstUpdated(_changedProperties)\n\n    this.classList.add('dap-ds-icon')\n  }\n\n  render() {\n    return html`\n      <svg\n        part=\"base\"\n        class=${clsx('icon', 'dap-ds-icon-close-fill')}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=${this.size}\n        height=${this.size}\n        viewBox=\"0 0 24 24\"\n        tabindex=${this.focusable ? 0 : -1}\n        aria-hidden=${this.ariaHidden ?? 'true'}>\n        ${this.accessibilityTitle\n          ? html`<title>${this.accessibilityTitle}</title>`\n          : null}\n        <g part=\"container\">\n          <g>\n            <path d=\"m12 10.587 4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.415 1.414-4.95-4.95-4.949 4.95-1.414-1.415 4.95-4.95-4.95-4.95L7.05 5.638z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCloseFill","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCloseFill","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAwBC,EAAW;AAAA,EAAxD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIqD,KAAA,OAAA,IAEc,KAAA,WAAA,IAId,KAAA,YAAA;AAAA,EAAA;AAAA,EAIzC,aAAaC,GAA6E;AAClG,UAAM,aAAaA,CAAkB,GAEhC,KAAA,UAAU,IAAI,aAAa;AAAA,EAAA;AAAA,EAGlC,SAAS;;AACA,WAAAC;AAAAA;AAAAA;AAAAA,gBAGKC,EAAK,QAAQ,wBAAwB,CAAC;AAAA;AAAA,gBAEtC,KAAK,IAAI;AAAA,iBACR,KAAK,IAAI;AAAA;AAAA,mBAEP,KAAK,YAAY,IAAI,EAAE;AAAA,uBACpBC,IAAA,KAAK,eAAL,OAAAA,IAAmB,MAAM;AAAA,UACrC,KAAK,qBACHF,WAAc,KAAK,kBAAkB,aACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAShB;AAzCEH,EAAO,UAAU,0BAWDA,EAAA,SAASM,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBR;AAI6CS,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAJtBF,EAIwB,WAAA,MAAA;AAECC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GANvBF,EAMyB,WAAA,UAAA;AAEhCC,EAAA;AAAA,EAAXC,EAAS;AAAA,GARSF,EAQP,WAAA,oBAAA;AAEiBC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAVRF,EAUU,WAAA,WAAA;"}

package/dist/components/icons/system/system-close-fill/system-close-fill.js

@@ -0,0 +1,6 @@
+import e from "./system-close-fill.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=system-close-fill.js.map

package/dist/components/icons/system/system-close-fill/system-close-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-close-fill.js","sources":["../../../../../src/components/icons/system/system-close-fill/system-close-fill.ts"],"sourcesContent":["import SystemCloseFill from './system-close-fill.component.js'\n\nexport * from './system-close-fill.component.js'\nexport default SystemCloseFill\n\nSystemCloseFill.define()\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'dap-ds-icon-close-fill': SystemCloseFill\n  }\n}\n"],"names":["SystemCloseFill"],"mappings":";AAKAA,EAAgB,OAAO;"}

package/dist/components/icons/system/system-close-line/system-close-line.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCloseLine extends DdsElement {
+    static tagName: string;
     /** (optional) The width and height in pixels */
     size?: number | undefined;
     /** (optional) Sets the icon color via the `fill` attribute */