dap-design-system 0.60.2 → 0.61.0

package/dist/components/icons/system/system-add-line/system-add-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as h } 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 n } from "../../../../internal/dds-hu-element.js";
+import f 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, v) => {
+  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 n {
+  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=${h("icon", "dap-ds-icon-add-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="M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-add-line", i.styles = m(f);
+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-add-line.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"system-add-line.component.js","sources":["../../../../../src/components/icons/system/system-add-line/system-add-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-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 */\nexport default class SystemAddLine extends DdsElement {\n  static tagName = 'dap-ds-icon-add-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-add-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=\"M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemAddLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemAddLine","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAsBC,EAAW;AAAA,EAAtD,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,sBAAsB,CAAC;AAAA;AAAA,gBAEpC,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,wBAWDA,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-add-line/system-add-line.js

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

package/dist/components/icons/system/system-add-line/system-add-line.js.map

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

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

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemAlertFill 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-alert-fill/system-alert-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 c } 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, v) => {
+  for (var e = void 0, o = p.length - 1, d; o >= 0; o--)
+    (d = p[o]) && (e = d(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 c`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-alert-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 ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0M11 16v2h2v-2zm0-7v5h2V9z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-alert-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-alert-fill.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"system-alert-fill.component.js","sources":["../../../../../src/components/icons/system/system-alert-fill/system-alert-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-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 */\nexport default class SystemAlertFill extends DdsElement {\n  static tagName = 'dap-ds-icon-alert-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-alert-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.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0M11 16v2h2v-2zm0-7v5h2V9z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemAlertFill","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemAlertFill","__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-alert-fill/system-alert-fill.js

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

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

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

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

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemAlertLine 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-alert-line/system-alert-line.component.js

@@ -0,0 +1,61 @@
+import { clsx as h } 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 c } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as n } from "../../../../internal/dds-hu-element.js";
+import f 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, d; o >= 0; o--)
+    (d = p[o]) && (e = d(t, l, e) || e);
+  return e && u(t, l, e), e;
+};
+const i = class i extends n {
+  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 c`
+      <svg
+        part="base"
+        class=${h("icon", "dap-ds-icon-alert-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 ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="m12.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0m-8.66 16h15.588L12 5.5zM11 16h2v2h-2zm0-7h2v5h-2z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-alert-line", i.styles = m(f);
+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-alert-line.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"system-alert-line.component.js","sources":["../../../../../src/components/icons/system/system-alert-line/system-alert-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-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 */\nexport default class SystemAlertLine extends DdsElement {\n  static tagName = 'dap-ds-icon-alert-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-alert-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.866 3 9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0m-8.66 16h15.588L12 5.5zM11 16h2v2h-2zm0-7h2v5h-2z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemAlertLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemAlertLine","__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-alert-line/system-alert-line.js

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

package/dist/components/icons/system/system-alert-line/system-alert-line.js.map

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

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

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCheckLine 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-check-line/system-check-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 c } 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, d; o >= 0; o--)
+    (d = l[o]) && (e = d(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 c`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-check-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 ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="m10 15.17 9.192-9.191 1.414 1.414L10 17.999l-6.364-6.364 1.414-1.414z"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-check-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-check-line.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"system-check-line.component.js","sources":["../../../../../src/components/icons/system/system-check-line/system-check-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-check-line`\n * @summary An icon\n * @element dap-ds-icon-check-line\n * @title - SystemCheckLine\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 SystemCheckLine extends DdsElement {\n  static tagName = 'dap-ds-icon-check-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-check-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=\"m10 15.17 9.192-9.191 1.414 1.414L10 17.999l-6.364-6.364 1.414-1.414z\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCheckLine","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCheckLine","__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-check-line/system-check-line.js

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

package/dist/components/icons/system/system-check-line/system-check-line.js.map

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

package/dist/components/icons/system/system-check-line2/system-check-line2.component.d.ts

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCheckLine2 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-check-line2/system-check-line2.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 c } 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, d; o >= 0; o--)
+    (d = l[o]) && (e = d(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 c`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-check-line2")}
+        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 ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <path d="M19.71 6.393a1 1 0 0 1 0 1.414l-9.8 9.8a1 1 0 0 1-1.414 0l-4.2-4.2a1 1 0 1 1 1.414-1.414l3.493 3.493 9.093-9.093a1 1 0 0 1 1.414 0"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-check-line2", 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-check-line2.component.js.map

package/dist/components/icons/system/system-check-line2/system-check-line2.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system-check-line2.component.js","sources":["../../../../../src/components/icons/system/system-check-line2/system-check-line2.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-check-line2`\n * @summary An icon\n * @element dap-ds-icon-check-line2\n * @title - SystemCheckLine2\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 SystemCheckLine2 extends DdsElement {\n  static tagName = 'dap-ds-icon-check-line2'\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-check-line2')}\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=\"M19.71 6.393a1 1 0 0 1 0 1.414l-9.8 9.8a1 1 0 0 1-1.414 0l-4.2-4.2a1 1 0 1 1 1.414-1.414l3.493 3.493 9.093-9.093a1 1 0 0 1 1.414 0\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCheckLine2","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCheckLine2","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAqBA,IAArB,MAAqBA,UAAyBC,EAAW;AAAA,EAAzD,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,yBAAyB,CAAC;AAAA;AAAA,gBAEvC,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,2BAWDA,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-check-line2/system-check-line2.js

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

package/dist/components/icons/system/system-check-line2/system-check-line2.js.map

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

package/dist/components/icons/system/system-checkbox-blank-circle-fill/system-checkbox-blank-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 SystemCheckboxBlankCircleFill 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-fill/system-checkbox-blank-circle-fill.component.js

@@ -0,0 +1,61 @@
+import { clsx as f } 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 n } 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 n {
+  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=${f("icon", "dap-ds-icon-checkbox-blank-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 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10"></path>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-checkbox-blank-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-blank-circle-fill.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"system-checkbox-blank-circle-fill.component.js","sources":["../../../../../src/components/icons/system/system-checkbox-blank-circle-fill/system-checkbox-blank-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-blank-circle-fill`\n * @summary An icon\n * @element dap-ds-icon-checkbox-blank-circle-fill\n * @title - SystemCheckboxBlankCircleFill\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 SystemCheckboxBlankCircleFill extends DdsElement {\n  static tagName = 'dap-ds-icon-checkbox-blank-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-blank-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 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10\"></path>\n          </g>\n        </g>\n      </svg>\n    `\n  }\n}\n"],"names":["_SystemCheckboxBlankCircleFill","DdsElement","_changedProperties","html","clsx","_a","unsafeCSS","styles","SystemCheckboxBlankCircleFill","__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-fill/system-checkbox-blank-circle-fill.js

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

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

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

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

@@ -16,6 +16,7 @@ import { DdsElement } from '../../../../internal/dds-hu-element';
  * @csspart base - The main icon container.
  */
 export default class SystemCheckboxBlankCircleFillCheck 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-fill-check/system-checkbox-blank-circle-fill-check.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 c } from "../../../../node_modules/lit-html/static.js";
+import { DdsElement as f } from "../../../../internal/dds-hu-element.js";
+import u from "../../../icon/_styles/icon.scss.js";
+import { unsafeCSS as h } from "../../../../node_modules/@lit/reactive-element/css-tag.js";
+var m = Object.defineProperty, a = (p, t, l, b) => {
+  for (var e = void 0, o = p.length - 1, d; o >= 0; o--)
+    (d = p[o]) && (e = d(t, l, e) || e);
+  return e && m(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 c`
+      <svg
+        part="base"
+        class=${n("icon", "dap-ds-icon-checkbox-blank-circle-fill-check")}
+        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 ? c`<title>${this.accessibilityTitle}</title>` : null}
+        <g part="container">
+          <g>
+            <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>
+          </g>
+        </g>
+      </svg>
+    `;
+  }
+};
+i.tagName = "dap-ds-icon-checkbox-blank-circle-fill-check", i.styles = h(u);
+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-fill-check.component.js.map