@aurodesignsystem-dev/auro-formkit 0.0.0-pr1594.2 → 0.0.0-pr1595.1

package/components/counter/dist/auro-counter-button.d.ts

@@ -1,3 +1,7 @@
+/**
+ * The `auro-counter-button` element provides the increment and decrement control button used within an `auro-counter`.
+ * @customElement auro-counter-button
+ */
 export class AuroCounterButton {
     static get styles(): import("lit").CSSResult[];
     /**

package/components/counter/dist/auro-counter-group.d.ts

@@ -9,6 +9,11 @@
  * @slot label - Dropdown label content. Only used when `isDropdown` is true.
  * @slot valueText - Dropdown value text display. Only used when `isDropdown` is true.
  * @slot helpText - Dropdown help text content. Only used when `isDropdown` is true.
+ *
+ * @csspart dropdown - The dropdown element rendered when `isDropdown` is true.
+ * @csspart helpText - The help text and error message container.
+ *
+ * @event input - Notifies that the counter group's value has changed.
  */
 export class AuroCounterGroup extends AuroElement {
     static get styles(): import("lit").CSSResult[];
@@ -25,6 +30,7 @@ export class AuroCounterGroup extends AuroElement {
          */
         autoPlacement: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -58,6 +64,7 @@ export class AuroCounterGroup extends AuroElement {
          */
         isDropdown: {
             type: BooleanConstructor;
+            attribute: string;
         };
         /**
          * Determines the layout style of the counter group when it is a dropdown.
@@ -65,12 +72,25 @@ export class AuroCounterGroup extends AuroElement {
          * @default 'classic'
          */
         layout: "classic" | "snowflake";
+        /**
+         * Sets the shape of the counter group when it is a dropdown.
+         * @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
+         * @default 'classic'
+         */
+        shape: "box" | "classic" | "pill" | "pill-left" | "pill-right" | "rounded" | "snowflake";
+        /**
+         * Sets the size of the counter group when it is a dropdown.
+         * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}
+         * @default 'xl'
+         */
+        size: "xs" | "sm" | "md" | "lg" | "xl";
         /**
          * If declared, the dropdown will expand to the width of its parent container.
          * Otherwise, the dropdown width will be determined by its content.
          */
         matchWidth: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -93,6 +113,7 @@ export class AuroCounterGroup extends AuroElement {
          */
         largeFullscreenHeadline: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -101,6 +122,7 @@ export class AuroCounterGroup extends AuroElement {
          */
         noFlip: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -123,6 +145,7 @@ export class AuroCounterGroup extends AuroElement {
          */
         onDark: {
             type: BooleanConstructor;
+            attribute: string;
             reflect: boolean;
         };
         /**
@@ -146,10 +169,9 @@ export class AuroCounterGroup extends AuroElement {
         };
         /**
          * The current individual values of the nested counters.
+         * @type {Record<string, number>}
          */
-        value: {
-            type: ObjectConstructor;
-        };
+        value: Record<string, number>;
         /**
          * The current text in the valueText slot.
          * @private
@@ -167,7 +189,8 @@ export class AuroCounterGroup extends AuroElement {
      * AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
      */
     static register(name?: string): void;
-    appearance: string;
+    /** @type {'default' | 'inverse'} */
+    appearance: "default" | "inverse";
     max: any;
     min: any;
     onDark: boolean;

package/components/counter/dist/auro-counter.d.ts

@@ -7,6 +7,13 @@
  * @slot ariaLabel.plus - Accessible label for the increment button.
  * @slot helpText - Help text content for the counter.
  * @slot description - Descriptive content for the counter.
+ *
+ * @csspart counterControl - The container for the counter's spinbutton controls and value.
+ * @csspart controlMinus - The decrement button.
+ * @csspart controlPlus - The increment button.
+ * @csspart helpText - The help text and error message container.
+ *
+ * @event input - Notifies that the counter's value has changed.
  */
 export class AuroCounter extends LitElement {
     static get shadowRootOptions(): {