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

package/dist/cjs/components/button/daikin-button.cjs

@@ -1,188 +1,186 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classVarianceAuthority = require("class-variance-authority");
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-const ifDefined_js = require("lit/directives/if-defined.js");
-require("../../base/dds-element.cjs");
-const ddsFormElement = require("../../base/dds-form-element.cjs");
-const ddsProperty = require("../../base/dds-property.cjs");
-const decorators = require("../../base/decorators.cjs");
-require("../../base/define.cjs");
-const tailwind = require("../../tailwind.css.cjs");
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators2, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators2.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators2[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaButton = classVarianceAuthority.cva(
-  [
-    "inline-flex",
-    "justify-center",
-    "items-center",
-    "size-full",
-    "font-bold",
-    "rounded-sm",
-    "tracking-wide",
-    "text-nowrap",
-    "focus-visible:outline-solid",
-    "focus-visible:outline-2",
-    "focus-visible:outline-offset-2",
-    "focus-visible:outline-ddt-color-common-border-focus",
-    "[--color-secondary:transparent]",
-    "link-disabled:[--color-primary:var(--dds-color-common-disabled)]"
-  ],
-  {
-    variants: {
-      color: {
-        default: [
-          "link-enabled:[--color-primary:var(--dds-color-common-brand-default)]",
-          "hover:link-enabled:[--color-primary:var(--dds-color-common-brand-hover)]",
-          "hover:link-enabled:[--color-secondary:var(--dds-color-common-surface-brand-hover)]",
-          "active:link-enabled:[--color-primary:var(--dds-color-common-brand-press)]",
-          "active:link-enabled:[--color-secondary:var(--dds-color-common-surface-brand-press)]"
-        ],
-        danger: [
-          "link-enabled:[--color-primary:var(--dds-color-common-danger-default)]",
-          "hover:link-enabled:[--color-primary:var(--dds-color-common-danger-hover)]",
-          "hover:link-enabled:[--color-secondary:var(--dds-color-common-surface-danger-hover)]",
-          "active:link-enabled:[--color-primary:var(--dds-color-common-danger-press)]",
-          "active:link-enabled:[--color-secondary:var(--dds-color-common-surface-danger-press)]"
-        ]
-      },
-      variant: {
-        fill: ["text-ddt-color-common-text-inverse", "bg-(--color-primary)"],
-        outline: [
-          "border",
-          "text-(--color-primary)",
-          "bg-(--color-secondary)",
-          "border-(--color-primary)"
-        ],
-        ghost: ["text-(--color-primary)", "bg-(--color-secondary)"]
-      },
-      size: {
-        small: ["text-(length:--dds-font-size-350)"],
-        medium: [],
-        large: ["text-(length:--dds-font-size-500)"]
-      }
-    },
-    compoundVariants: [
-      {
-        size: "small",
-        variant: "fill",
-        class: "px-2"
-      },
-      {
-        size: "small",
-        variant: "ghost",
-        class: "px-2"
-      },
-      {
-        size: "small",
-        variant: "outline",
-        class: "px-1.75"
-      },
-      {
-        size: "medium",
-        variant: "fill",
-        class: "px-3"
-      },
-      {
-        size: "medium",
-        variant: "ghost",
-        class: "px-3"
-      },
-      {
-        size: "medium",
-        variant: "outline",
-        class: "px-2.75"
-      },
-      {
-        size: "large",
-        variant: "fill",
-        class: "px-4"
-      },
-      {
-        size: "large",
-        variant: "ghost",
-        class: "px-4"
-      },
-      {
-        size: "large",
-        variant: "outline",
-        class: "px-3.75"
-      }
-    ]
-  }
-);
-const cvaIcon = classVarianceAuthority.cva(["slotted:flex-none"], {
-  variants: {
-    size: {
-      small: ["icon-size-4"],
-      medium: ["icon-size-6"],
-      large: ["icon-size-6"]
-    }
-  }
+const require_dds_property = require("../../base/dds-property.cjs");
+const require_decorate = require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");
+const require_dds_form_element = require("../../base/dds-form-element.cjs");
+const require_decorators = require("../../base/decorators.cjs");
+require("../../base/index.cjs");
+const require_tailwind = require("../../tailwind.css.cjs");
+let lit = require("lit");
+let lit_decorators_js = require("lit/decorators.js");
+let class_variance_authority = require("class-variance-authority");
+let lit_directives_if_defined_js = require("lit/directives/if-defined.js");
+//#region src/components/button/daikin-button.ts
+var cvaButton = (0, class_variance_authority.cva)([
+	"inline-flex",
+	"justify-center",
+	"items-center",
+	"size-full",
+	"font-bold",
+	"rounded-sm",
+	"tracking-wide",
+	"text-nowrap",
+	"focus-visible:outline-solid",
+	"focus-visible:outline-2",
+	"focus-visible:outline-offset-2",
+	"focus-visible:outline-ddt-color-common-border-focus",
+	"[--color-secondary:transparent]",
+	"link-disabled:[--color-primary:var(--dds-color-common-disabled)]"
+], {
+	variants: {
+		color: {
+			default: [
+				"link-enabled:[--color-primary:var(--dds-color-common-brand-default)]",
+				"hover:link-enabled:[--color-primary:var(--dds-color-common-brand-hover)]",
+				"hover:link-enabled:[--color-secondary:var(--dds-color-common-surface-brand-hover)]",
+				"active:link-enabled:[--color-primary:var(--dds-color-common-brand-press)]",
+				"active:link-enabled:[--color-secondary:var(--dds-color-common-surface-brand-press)]"
+			],
+			danger: [
+				"link-enabled:[--color-primary:var(--dds-color-common-danger-default)]",
+				"hover:link-enabled:[--color-primary:var(--dds-color-common-danger-hover)]",
+				"hover:link-enabled:[--color-secondary:var(--dds-color-common-surface-danger-hover)]",
+				"active:link-enabled:[--color-primary:var(--dds-color-common-danger-press)]",
+				"active:link-enabled:[--color-secondary:var(--dds-color-common-surface-danger-press)]"
+			]
+		},
+		variant: {
+			fill: ["text-ddt-color-common-text-inverse", "bg-(--color-primary)"],
+			outline: [
+				"border",
+				"text-(--color-primary)",
+				"bg-(--color-secondary)",
+				"border-(--color-primary)"
+			],
+			ghost: ["text-(--color-primary)", "bg-(--color-secondary)"]
+		},
+		size: {
+			small: ["text-(length:--dds-font-size-350)"],
+			medium: [],
+			large: ["text-(length:--dds-font-size-500)"]
+		}
+	},
+	compoundVariants: [
+		{
+			size: "small",
+			variant: "fill",
+			class: "px-2"
+		},
+		{
+			size: "small",
+			variant: "ghost",
+			class: "px-2"
+		},
+		{
+			size: "small",
+			variant: "outline",
+			class: "px-1.75"
+		},
+		{
+			size: "medium",
+			variant: "fill",
+			class: "px-3"
+		},
+		{
+			size: "medium",
+			variant: "ghost",
+			class: "px-3"
+		},
+		{
+			size: "medium",
+			variant: "outline",
+			class: "px-2.75"
+		},
+		{
+			size: "large",
+			variant: "fill",
+			class: "px-4"
+		},
+		{
+			size: "large",
+			variant: "ghost",
+			class: "px-4"
+		},
+		{
+			size: "large",
+			variant: "outline",
+			class: "px-3.75"
+		}
+	]
 });
-exports.DaikinButton = class DaikinButton extends ddsFormElement.DDSFormSubmitElement {
-  constructor() {
-    super();
-    this.size = "medium";
-    this.disabled = false;
-    this.href = null;
-    this.buttonRole = null;
-    this.buttonAriaHaspopup = null;
-    this.buttonAriaExpanded = null;
-    this.addEventListener("click", (event) => {
-      if (this.disabled || this.type === "link" && this.href == null) {
-        event.stopImmediatePropagation();
-      }
-      if (this.type === "submit") {
-        this.requestSubmit();
-      } else if (this.type === "reset") {
-        this.reset();
-      }
-    });
-  }
-  /**
-   * _Internal use._
-   * Returns the navigation target information.
-   * Used by navigation handling utilities.
-   *
-   * @returns Navigation target information or `null` if not navigable.
-   *
-   * @private
-   */
-  getDDSNavigationTarget() {
-    if (this.href == null || this.disabled || this.type !== "link") {
-      return null;
+var cvaIcon = (0, class_variance_authority.cva)(["slotted:flex-none"], { variants: { size: {
+	small: ["icon-size-4"],
+	medium: ["icon-size-6"],
+	large: ["icon-size-6"]
+} } });
+var DaikinButton = class DaikinButton extends require_dds_form_element.DDSFormSubmitElement {
+	static {
+		this.styles = lit.css`
+    ${(0, lit.unsafeCSS)(require_tailwind.default)}
+
+    :host {
+      display: inline-flex;
+      max-width: 100%;
     }
-    return {
-      href: this.href,
-      target: null
-    };
-  }
-  render() {
-    const className = cvaButton({
-      variant: this.variant,
-      color: this.color,
-      size: this.size
-    });
-    if (this.type === "link") {
-      const linkDisabled = this.disabled || this.href == null;
-      return lit.html`<a
+
+    :host([size="small"]) {
+      min-width: 3.25em;
+      height: 2rem;
+    }
+
+    :host([size="medium"]) {
+      min-width: 3.75em;
+      height: 3rem;
+    }
+
+    :host([size="large"]) {
+      min-width: 4.25em;
+      height: 4rem;
+    }
+  `;
+	}
+	constructor() {
+		super();
+		this.size = "medium";
+		this.disabled = false;
+		this.href = null;
+		this.buttonRole = null;
+		this.buttonAriaHaspopup = null;
+		this.buttonAriaExpanded = null;
+		this.addEventListener("click", (event) => {
+			if (this.disabled || this.type === "link" && this.href == null) event.stopImmediatePropagation();
+			if (this.type === "submit") this.requestSubmit();
+			else if (this.type === "reset") this.reset();
+		});
+	}
+	/**
+	* _Internal use._
+	* Returns the navigation target information.
+	* Used by navigation handling utilities.
+	*
+	* @returns Navigation target information or `null` if not navigable.
+	*
+	* @private
+	*/
+	getDDSNavigationTarget() {
+		if (this.href == null || this.disabled || this.type !== "link") return null;
+		return {
+			href: this.href,
+			target: null
+		};
+	}
+	render() {
+		const className = cvaButton({
+			variant: this.variant,
+			color: this.color,
+			size: this.size
+		});
+		if (this.type === "link") {
+			const linkDisabled = this.disabled || this.href == null;
+			return lit.html`<a
         class=${className}
-        href=${ifDefined_js.ifDefined(!linkDisabled ? this.href : void 0)}
-        tabindex=${ifDefined_js.ifDefined(this.getBackingProperty("buttonTabIndex"))}
-        role=${ifDefined_js.ifDefined(
-        this.buttonRole ?? (linkDisabled ? "link" : void 0)
-      )}
-        aria-disabled=${ifDefined_js.ifDefined(linkDisabled ? "true" : void 0)}
+        href=${(0, lit_directives_if_defined_js.ifDefined)(!linkDisabled ? this.href : void 0)}
+        tabindex=${(0, lit_directives_if_defined_js.ifDefined)(this.getBackingProperty("buttonTabIndex"))}
+        role=${(0, lit_directives_if_defined_js.ifDefined)(this.buttonRole ?? (linkDisabled ? "link" : void 0))}
+        aria-disabled=${(0, lit_directives_if_defined_js.ifDefined)(linkDisabled ? "true" : void 0)}
       >
         <slot name="left-icon" class="icon-size-6">
           <span class="block -ml-1"></span>
@@ -192,16 +190,16 @@ exports.DaikinButton = class DaikinButton extends ddsFormElement.DDSFormSubmitEl
           <span class="block -mr-1"></span>
         </slot>
       </a>`;
-    }
-    return lit.html`
+		}
+		return lit.html`
       <button
         class=${className}
         ?disabled=${this.disabled}
         type=${this.type}
-        tabindex=${ifDefined_js.ifDefined(this.getBackingProperty("buttonTabIndex"))}
-        role=${ifDefined_js.ifDefined(this.buttonRole)}
-        aria-expanded=${ifDefined_js.ifDefined(this.buttonAriaExpanded)}
-        aria-haspopup=${ifDefined_js.ifDefined(this.buttonAriaHaspopup)}
+        tabindex=${(0, lit_directives_if_defined_js.ifDefined)(this.getBackingProperty("buttonTabIndex"))}
+        role=${(0, lit_directives_if_defined_js.ifDefined)(this.buttonRole)}
+        aria-expanded=${(0, lit_directives_if_defined_js.ifDefined)(this.buttonAriaExpanded)}
+        aria-haspopup=${(0, lit_directives_if_defined_js.ifDefined)(this.buttonAriaHaspopup)}
       >
         <slot name="left-icon" class=${cvaIcon({ size: this.size })}>
           <span class="flex-none block -ml-1"></span>
@@ -212,110 +210,87 @@ exports.DaikinButton = class DaikinButton extends ddsFormElement.DDSFormSubmitEl
         </slot>
       </button>
     `;
-  }
-  /**
-   * Focuses on the inner button or link.
-   * @param options focus options
-   */
-  focus(options) {
-    var _a;
-    (_a = this._focusableElement) == null ? void 0 : _a.focus(options);
-  }
+	}
+	/**
+	* Focuses on the inner button or link.
+	* @param options focus options
+	*/
+	focus(options) {
+		this._focusableElement?.focus(options);
+	}
 };
-exports.DaikinButton.styles = lit.css`
-    ${lit.unsafeCSS(tailwind.default)}
-
-    :host {
-      display: inline-flex;
-      max-width: 100%;
-    }
-
-    :host([size="small"]) {
-      min-width: 3.25em;
-      height: 2rem;
-    }
-
-    :host([size="medium"]) {
-      min-width: 3.75em;
-      height: 3rem;
-    }
-
-    :host([size="large"]) {
-      min-width: 4.25em;
-      height: 4rem;
-    }
-  `;
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "fill",
-    isAllowedValue: ddsProperty.oneOf([
-      "fill",
-      "outline",
-      "ghost"
-    ])
-  })
-], exports.DaikinButton.prototype, "variant", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "button",
-    isAllowedValue: ddsProperty.oneOf([
-      "button",
-      "submit",
-      "reset",
-      "link"
-    ])
-  })
-], exports.DaikinButton.prototype, "type", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "medium",
-    isAllowedValue: ddsProperty.oneOf([
-      "small",
-      "medium",
-      "large"
-    ])
-  })
-], exports.DaikinButton.prototype, "size", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: String,
-    reflect: true,
-    fallbackValue: "default",
-    isAllowedValue: ddsProperty.oneOf(["default", "danger"])
-  })
-], exports.DaikinButton.prototype, "color", 2);
-__decorateClass([
-  ddsProperty.property({ type: Boolean, reflect: true })
-], exports.DaikinButton.prototype, "disabled", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true })
-], exports.DaikinButton.prototype, "href", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "button-role" })
-], exports.DaikinButton.prototype, "buttonRole", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "button-aria-haspopup" })
-], exports.DaikinButton.prototype, "buttonAriaHaspopup", 2);
-__decorateClass([
-  ddsProperty.property({ type: String, reflect: true, attribute: "button-aria-expanded" })
-], exports.DaikinButton.prototype, "buttonAriaExpanded", 2);
-__decorateClass([
-  ddsProperty.property({
-    type: Number,
-    reflect: true,
-    attribute: "button-tabindex",
-    fallbackValue: 0
-  })
-], exports.DaikinButton.prototype, "buttonTabIndex", 2);
-__decorateClass([
-  decorators_js.query("a,button")
-], exports.DaikinButton.prototype, "_focusableElement", 2);
-exports.DaikinButton = __decorateClass([
-  decorators.ddsElement("daikin-button")
-], exports.DaikinButton);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "fill",
+	isAllowedValue: require_dds_property.oneOf([
+		"fill",
+		"outline",
+		"ghost"
+	])
+})], DaikinButton.prototype, "variant", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "button",
+	isAllowedValue: require_dds_property.oneOf([
+		"button",
+		"submit",
+		"reset",
+		"link"
+	])
+})], DaikinButton.prototype, "type", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "medium",
+	isAllowedValue: require_dds_property.oneOf([
+		"small",
+		"medium",
+		"large"
+	])
+})], DaikinButton.prototype, "size", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	fallbackValue: "default",
+	isAllowedValue: require_dds_property.oneOf(["default", "danger"])
+})], DaikinButton.prototype, "color", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Boolean,
+	reflect: true
+})], DaikinButton.prototype, "disabled", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true
+})], DaikinButton.prototype, "href", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "button-role"
+})], DaikinButton.prototype, "buttonRole", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "button-aria-haspopup"
+})], DaikinButton.prototype, "buttonAriaHaspopup", void 0);
+require_decorate.default([require_dds_property.property({
+	type: String,
+	reflect: true,
+	attribute: "button-aria-expanded"
+})], DaikinButton.prototype, "buttonAriaExpanded", void 0);
+require_decorate.default([require_dds_property.property({
+	type: Number,
+	reflect: true,
+	attribute: "button-tabindex",
+	fallbackValue: 0
+})], DaikinButton.prototype, "buttonTabIndex", void 0);
+require_decorate.default([(0, lit_decorators_js.query)("a,button")], DaikinButton.prototype, "_focusableElement", void 0);
+DaikinButton = require_decorate.default([require_decorators.ddsElement("daikin-button")], DaikinButton);
+//#endregion
+Object.defineProperty(exports, "DaikinButton", {
+	enumerable: true,
+	get: function() {
+		return DaikinButton;
+	}
+});

package/dist/cjs/components/button/index.cjs

@@ -1,7 +1,8 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const daikinButton = require("./daikin-button.cjs");
+const require_daikin_button = require("./daikin-button.cjs");
 Object.defineProperty(exports, "DaikinButton", {
-  enumerable: true,
-  get: () => daikinButton.DaikinButton
+	enumerable: true,
+	get: function() {
+		return require_daikin_button.DaikinButton;
+	}
 });