@daikin-oss/design-system-web-components 2.0.0 → 2.0.1-next.1

package/dist/es/components/dropdown/index.js

@@ -1,4 +1,2 @@
 import { DaikinDropdown } from "./daikin-dropdown.js";
-export {
-  DaikinDropdown
-};
+export { DaikinDropdown };

package/dist/es/components/dropdown-item/daikin-dropdown-item.js

@@ -1,119 +1,106 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, html } from "lit";
-import { query } from "lit/decorators.js";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property } from "../../base/dds-property.js";
+import { property as property$1 } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-import { isSimilarToClick } from "../../utils/is-similar-to-click.js";
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
 import "../checkbox/daikin-checkbox.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaOption = cva(
-  [
-    "flex",
-    "items-center",
-    "gap-1",
-    "size-full",
-    "text-left",
-    "text-(length:--dds-font-size-label-text)",
-    "relative",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-2",
-    "focus-visible:-outline-offset-2",
-    "focus-visible:outline-ddt-color-common-border-focus"
-  ],
-  {
-    variants: {
-      selected: {
-        false: [
-          "[--color-primary:var(--dds-color-common-background-default)]",
-          "hover:[--color-primary:var(--dds-color-common-surface-hover)]",
-          "active:[--color-primary:var(--dds-color-common-surface-press)]"
-        ],
-        true: [
-          "[--color-primary:var(--dds-color-common-surface-selected-default)]",
-          "hover:[--color-primary:var(--dds-color-common-surface-selected-hover)]",
-          "active:[--color-primary:var(--dds-color-common-surface-selected-press)]",
-          "after:icon-[daikin--dropdown-check]",
-          "after:size-(--dds-icon)",
-          "after:flex-none"
-        ]
-      },
-      disabled: {
-        false: [
-          "text-ddt-color-common-text-primary",
-          "bg-(--color-primary)",
-          "cursor-pointer"
-        ],
-        true: [
-          "text-ddt-color-common-disabled",
-          "bg-ddt-color-common-background-default"
-        ]
-      },
-      multiple: {
-        false: ["justify-between", "p-(--dds-padding-30)"],
-        true: [
-          "after:hidden",
-          "py-(--dds-padding-20)",
-          "pl-(--dds-padding-20)",
-          "pr-(--dds-padding-30)"
-        ]
-      }
-    }
-  }
-);
-let DaikinDropdownItem = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.value = "";
-    this.disabled = false;
-    this.selected = false;
-    this.selectable = false;
-  }
-  _handleClick(event) {
-    if (this.disabled || event.target.tagName === "DAIKIN-CHECKBOX") {
-      return;
-    }
-    this._emitSelect();
-    event.preventDefault();
-  }
-  _handleChange(event) {
-    this._emitSelect();
-    event.preventDefault();
-  }
-  _handleKeydown(event) {
-    if (!isSimilarToClick(event.key) || this.disabled) {
-      return;
-    }
-    this._emitSelect();
-    event.preventDefault();
-  }
-  _handleMousedown(event) {
-    if (event.detail === 2) {
-      event.preventDefault();
+import { isSimilarToClick } from "../../utils/is-similar-to-click.js";
+import { css, html, unsafeCSS } from "lit";
+import { query } from "lit/decorators.js";
+import { cva } from "class-variance-authority";
+//#region src/components/dropdown-item/daikin-dropdown-item.ts
+var cvaOption = cva([
+	"flex",
+	"items-center",
+	"gap-1",
+	"size-full",
+	"text-left",
+	"text-(length:--dds-font-size-label-text)",
+	"relative",
+	"focus-visible:outline-solid",
+	"focus-visible:outline-2",
+	"focus-visible:-outline-offset-2",
+	"focus-visible:outline-ddt-color-common-border-focus"
+], { variants: {
+	selected: {
+		false: [
+			"[--color-primary:var(--dds-color-common-background-default)]",
+			"hover:[--color-primary:var(--dds-color-common-surface-hover)]",
+			"active:[--color-primary:var(--dds-color-common-surface-press)]"
+		],
+		true: [
+			"[--color-primary:var(--dds-color-common-surface-selected-default)]",
+			"hover:[--color-primary:var(--dds-color-common-surface-selected-hover)]",
+			"active:[--color-primary:var(--dds-color-common-surface-selected-press)]",
+			"after:icon-[daikin--dropdown-check]",
+			"after:size-(--dds-icon)",
+			"after:flex-none"
+		]
+	},
+	disabled: {
+		false: [
+			"text-ddt-color-common-text-primary",
+			"bg-(--color-primary)",
+			"cursor-pointer"
+		],
+		true: ["text-ddt-color-common-disabled", "bg-ddt-color-common-background-default"]
+	},
+	multiple: {
+		false: ["justify-between", "p-(--dds-padding-30)"],
+		true: [
+			"after:hidden",
+			"py-(--dds-padding-20)",
+			"pl-(--dds-padding-20)",
+			"pr-(--dds-padding-30)"
+		]
+	}
+} });
+var DaikinDropdownItem = class DaikinDropdownItem extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.value = "";
+		this.disabled = false;
+		this.selected = false;
+		this.selectable = false;
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    :host {
+      display: block;
+      width: 100%;
     }
-  }
-  _emitSelect() {
-    this.dispatchEvent(new Event("select", { bubbles: true }));
-  }
-  render() {
-    const optionClassName = cvaOption({
-      selected: this.selected,
-      disabled: this.disabled,
-      multiple: this.selectable
-    });
-    return this.selectable ? html`<span
+  `;
+	}
+	_handleClick(event) {
+		if (this.disabled || event.target.tagName === "DAIKIN-CHECKBOX") return;
+		this._emitSelect();
+		event.preventDefault();
+	}
+	_handleChange(event) {
+		this._emitSelect();
+		event.preventDefault();
+	}
+	_handleKeydown(event) {
+		if (!isSimilarToClick(event.key) || this.disabled) return;
+		this._emitSelect();
+		event.preventDefault();
+	}
+	_handleMousedown(event) {
+		if (event.detail === 2) event.preventDefault();
+	}
+	_emitSelect() {
+		this.dispatchEvent(new Event("select", { bubbles: true }));
+	}
+	render() {
+		const optionClassName = cvaOption({
+			selected: this.selected,
+			disabled: this.disabled,
+			multiple: this.selectable
+		});
+		return this.selectable ? html`<span
           class=${optionClassName}
           data-value=${this.value}
           role="option"
@@ -147,42 +134,29 @@ let DaikinDropdownItem = class extends DDSElement {
             <slot></slot>
           </span>
         </button>`;
-  }
-  /**
-   * Focuses on the inner button.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._focusableElement) == null ? void 0 : _a.focus(options);
-  }
-};
-DaikinDropdownItem.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :host {
-      display: block;
-      width: 100%;
-    }
-  `;
-__decorateClass([
-  property({ type: String })
-], DaikinDropdownItem.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinDropdownItem.prototype, "disabled", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinDropdownItem.prototype, "selected", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinDropdownItem.prototype, "selectable", 2);
-__decorateClass([
-  query("button,span[role=option]")
-], DaikinDropdownItem.prototype, "_focusableElement", 2);
-DaikinDropdownItem = __decorateClass([
-  ddsElement("daikin-dropdown-item")
-], DaikinDropdownItem);
-export {
-  DaikinDropdownItem
+	}
+	/**
+	* Focuses on the inner button.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._focusableElement?.focus(options);
+	}
 };
+__decorate([property$1({ type: String })], DaikinDropdownItem.prototype, "value", void 0);
+__decorate([property$1({
+	type: Boolean,
+	reflect: true
+})], DaikinDropdownItem.prototype, "disabled", void 0);
+__decorate([property$1({
+	type: Boolean,
+	reflect: true
+})], DaikinDropdownItem.prototype, "selected", void 0);
+__decorate([property$1({
+	type: Boolean,
+	reflect: true
+})], DaikinDropdownItem.prototype, "selectable", void 0);
+__decorate([query("button,span[role=option]")], DaikinDropdownItem.prototype, "_focusableElement", void 0);
+DaikinDropdownItem = __decorate([ddsElement("daikin-dropdown-item")], DaikinDropdownItem);
+//#endregion
+export { DaikinDropdownItem };

package/dist/es/components/dropdown-item/index.js

@@ -1,4 +1,2 @@
 import { DaikinDropdownItem } from "./daikin-dropdown-item.js";
-export {
-  DaikinDropdownItem
-};
+export { DaikinDropdownItem };

package/dist/es/components/empty-state/daikin-empty-state.js

@@ -1,21 +1,22 @@
-import { unsafeCSS, css, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import "lit/decorators.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(result) || result;
-  return result;
-};
-let DaikinEmptyState = class extends DDSElement {
-  render() {
-    return html`<div class="flex flex-col items-center justify-center gap-6">
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
+import { css, html, unsafeCSS } from "lit";
+//#region src/components/empty-state/daikin-empty-state.ts
+var DaikinEmptyState = class DaikinEmptyState extends DDSElement {
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    :host {
+      display: block;
+    }
+  `;
+	}
+	render() {
+		return html`<div class="flex flex-col items-center justify-center gap-6">
       <div class="flex flex-col items-center justify-center gap-1">
         <slot
           name="icon"
@@ -33,18 +34,8 @@ let DaikinEmptyState = class extends DDSElement {
       </div>
       <slot name="action"></slot>
     </div>`;
-  }
-};
-DaikinEmptyState.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :host {
-      display: block;
-    }
-  `;
-DaikinEmptyState = __decorateClass([
-  ddsElement("daikin-empty-state")
-], DaikinEmptyState);
-export {
-  DaikinEmptyState
+	}
 };
+DaikinEmptyState = __decorate([ddsElement("daikin-empty-state")], DaikinEmptyState);
+//#endregion
+export { DaikinEmptyState };

package/dist/es/components/empty-state/index.js

@@ -1,4 +1,2 @@
 import { DaikinEmptyState } from "./daikin-empty-state.js";
-export {
-  DaikinEmptyState
-};
+export { DaikinEmptyState };