@daikin-oss/design-system-web-components 1.4.0-next.0 → 1.4.0

package/dist/cjs/components/tree-item/daikin-tree-item.cjs

@@ -2,11 +2,11 @@
 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");
 const ref_js = require("lit/directives/ref.js");
 const ddsElement = require("../../base/dds-element.cjs");
 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");
@@ -114,6 +114,7 @@ exports.DaikinTreeItem = class DaikinTreeItem extends ddsElement.DDSElement {
   render() {
     return lit.html`<div
       ${ref_js.ref(this._focusableRef)}
+      part="item"
       class=${cvaTreeChildren({
       disabled: this.disabled,
       selected: this._selected,
@@ -185,16 +186,16 @@ exports.DaikinTreeItem.styles = lit.css`
     }
   `;
 __decorateClass([
-  decorators_js.property({ type: String })
+  ddsProperty.property({ type: String })
 ], exports.DaikinTreeItem.prototype, "value", 2);
 __decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
+  ddsProperty.property({ type: Boolean, reflect: true })
 ], exports.DaikinTreeItem.prototype, "disabled", 2);
 __decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
+  ddsProperty.property({ type: Boolean, reflect: true })
 ], exports.DaikinTreeItem.prototype, "selected", 2);
 __decorateClass([
-  decorators_js.property({ type: Number, attribute: false })
+  ddsProperty.property({ type: Number, attribute: false })
 ], exports.DaikinTreeItem.prototype, "level", 2);
 exports.DaikinTreeItem = __decorateClass([
   decorators.ddsElement("daikin-tree-item")

package/dist/cjs/components/tree-item/daikin-tree-item.d.cts

@@ -20,6 +20,8 @@ export declare const cvaTreeChildren: (props?: ({
  *
  * @slot - A slot for the tree item content.
  *
+ * @csspart item - CSS styles applied to the `item` part target the internal `<div>` element wrapping the content. For instance, setting `cursor: grab;` changes the hover cursor, signaling that the tree item is draggable.
+ *
  * @example
  *
  * ```js

package/dist/cjs/components/tree-section/daikin-tree-section.cjs

@@ -6,6 +6,7 @@ const ifDefined_js = require("lit/directives/if-defined.js");
 const ref_js = require("lit/directives/ref.js");
 const ddsElement = require("../../base/dds-element.cjs");
 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");
@@ -209,19 +210,19 @@ exports.DaikinTreeSection.styles = lit.css`
     }
   `;
 __decorateClass([
-  decorators_js.property({ type: String })
+  ddsProperty.property({ type: String })
 ], exports.DaikinTreeSection.prototype, "value", 2);
 __decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
+  ddsProperty.property({ type: Boolean, reflect: true })
 ], exports.DaikinTreeSection.prototype, "disabled", 2);
 __decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
+  ddsProperty.property({ type: Boolean, reflect: true })
 ], exports.DaikinTreeSection.prototype, "selected", 2);
 __decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
+  ddsProperty.property({ type: Boolean, reflect: true })
 ], exports.DaikinTreeSection.prototype, "open", 2);
 __decorateClass([
-  decorators_js.property({ type: Number, attribute: false })
+  ddsProperty.property({ type: Number, attribute: false })
 ], exports.DaikinTreeSection.prototype, "level", 2);
 __decorateClass([
   decorators_js.queryAssignedElements({ selector: "daikin-tree-section,daikin-tree-item" })