@ds-autonomie/web-components 1.4.0 → 1.5.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -512,7 +512,7 @@
                 "name": "currentTime",
                 "description": "Gets and sets the current animation time.",
                 "value": {
-                  "type": "number"
+                  "type": "number | CSSNumberish"
                 }
               },
               {
@@ -3854,6 +3854,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "variant",
+                "description": "The icon button's theme variant.",
+                "value": {
+                  "type": "| 'default'\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'danger'"
+                }
+              },
               {
                 "name": "handleBlur",
                 "value": {}
@@ -3949,6 +3956,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "variant",
+              "description": "The icon button's theme variant.",
+              "value": {
+                "type": "| 'default'\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'danger'"
+              }
             }
           ]
         },
@@ -4206,6 +4220,13 @@
                   "type": "number"
                 }
               },
+              {
+                "name": "counter",
+                "description": "Display the counter if maxlength is provided",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "min",
                 "description": "The input's minimum value. Only applies to date and number input types.",
@@ -4328,6 +4349,10 @@
                 "name": "handlePasswordToggle",
                 "value": {}
               },
+              {
+                "name": "getDescriptionIds",
+                "value": {}
+              },
               {
                 "name": "handleErrorChange",
                 "value": {}
@@ -4573,6 +4598,13 @@
                 "type": "number"
               }
             },
+            {
+              "name": "counter",
+              "description": "Display the counter if maxlength is provided",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "min",
               "description": "The input's minimum value. Only applies to date and number input types.",
@@ -7977,6 +8009,59 @@
             }
           ]
         },
+        {
+          "name": "dsa-skip-link-item",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "href",
+                "description": "Specifies the URL of the page or the section the link goes to.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "href",
+              "description": "Specifies the URL of the page or the section the link goes to.",
+              "value": {
+                "type": "string"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-skip-links",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "allLinks",
+                "value": {
+                  "type": "DSASkipLinkItem[]"
+                }
+              },
+              {
+                "name": "getAllLinks",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-spinner",
           "description": "",
@@ -8044,7 +8129,14 @@
                 "name": "index",
                 "description": "Sets the step's index",
                 "value": {
-                  "type": "number"
+                  "type": "number | undefined"
+                }
+              },
+              {
+                "name": "vertical",
+                "description": "When set to true, put the step in vertical mode",
+                "value": {
+                  "type": "boolean"
                 }
               },
               {
@@ -8080,7 +8172,14 @@
               "name": "index",
               "description": "Sets the step's index",
               "value": {
-                "type": "number"
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "When set to true, put the step in vertical mode",
+              "value": {
+                "type": "boolean"
               }
             }
           ]
@@ -8101,7 +8200,14 @@
                 "name": "hideLabel",
                 "description": "When set to true, it hides all steps's label.",
                 "value": {
-                  "type": "false"
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "vertical",
+                "description": "When set to true, put the stepper in vertical mode",
+                "value": {
+                  "type": "boolean"
                 }
               },
               {
@@ -8111,16 +8217,31 @@
               {
                 "name": "handleDefaultSlotChange",
                 "value": {}
+              },
+              {
+                "name": "handleHideLabelChange",
+                "value": {}
+              },
+              {
+                "name": "handleVerticalChange",
+                "value": {}
               }
             ],
             "events": []
           },
           "attributes": [
             {
-              "name": "hideLabel",
+              "name": "hide-label",
               "description": "When set to true, it hides all steps's label.",
               "value": {
-                "type": "false"
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "When set to true, put the stepper in vertical mode",
+              "value": {
+                "type": "boolean"
               }
             }
           ]
@@ -8694,6 +8815,13 @@
                   "type": "number"
                 }
               },
+              {
+                "name": "counter",
+                "description": "Display the counter if maxlength is provided",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "autocapitalize",
                 "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
@@ -8784,6 +8912,10 @@
                 "name": "setTextareaHeight",
                 "value": {}
               },
+              {
+                "name": "getDescriptionIds",
+                "value": {}
+              },
               {
                 "name": "handleErrorChange",
                 "value": {}
@@ -9000,6 +9132,13 @@
                 "type": "number"
               }
             },
+            {
+              "name": "counter",
+              "description": "Display the counter if maxlength is provided",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "autocapitalize",
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-autonomie/web-components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "author": "CNSA",
   "license": "MIT",
   "customElements": "dist/custom-elements.json",
@@ -92,7 +92,7 @@
     "user-agent-data-types": "0.3.0",
     "vite": "4.4.9",
     "vite-plugin-turbosnap": "1.0.2",
-    "@ds-autonomie/eslint-config": "2.0.0"
+    "@ds-autonomie/eslint-config": "2.1.0"
   },
   "scripts": {
     "start": "node scripts/build.js --watch",

package/dist/chunks/chunk.QFJA3MTV.js

@@ -1,66 +0,0 @@
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-
-// src/components/icon-button/icon-button.styles.ts
-import { css } from "lit";
-var icon_button_styles_default = css`
-  ${component_styles_default}
-
-  :host {
-    --padding: var(
-      --dsa-wc-internal-icon-button-padding,
-      --dsa-wc-icon-button-padding
-    );
-    display: inline-block;
-    color: var(--dsa-wc-icon-button-color);
-  }
-
-  .icon-button {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    background: none;
-    border: none;
-    border-radius: var(--dsa-wc-icon-button-border-radius);
-    font-size: inherit;
-    color: inherit;
-    padding: var(--padding);
-    cursor: pointer;
-    transition: var(--dsa-wc-transition-x-fast) color;
-    -webkit-appearance: none;
-  }
-
-  .icon-button--focused:hover,
-  .icon-button:hover:not(.icon-button--disabled),
-  .icon-button:focus-visible:not(.icon-button--disabled) {
-    color: var(--dsa-wc-icon-button-color-hover);
-  }
-
-  .icon-button:active:not(.icon-button--disabled) {
-    color: var(--dsa-wc-icon-button-color-active);
-  }
-
-  .icon-button:focus {
-    outline: none;
-  }
-
-  .icon-button--disabled {
-    color: var(--dsa-wc-icon-button-color-disabled);
-    cursor: not-allowed;
-  }
-
-  .icon-button:focus-visible {
-    outline: var(--dsa-wc-focus-ring);
-    outline-offset: var(--dsa-wc-focus-ring-offset);
-    border-radius: var(--dsa-wc-focus-ring-radius);
-  }
-
-  .icon-button__icon {
-    pointer-events: none;
-  }
-`;
-
-export {
-  icon_button_styles_default
-};

package/dist/chunks/chunk.QSNJ4FV6.js

@@ -1,54 +0,0 @@
-import {
-  stepper_styles_default
-} from "./chunk.2WSMYCPC.js";
-import {
-  ShoelaceElement
-} from "./chunk.YCXTCVAZ.js";
-import {
-  __decorateClass
-} from "./chunk.6M63UXML.js";
-
-// src/components/stepper/stepper.ts
-import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-var STEP_TAG = "dsa-step";
-var DSAStepper = class extends ShoelaceElement {
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  // Gets an array of all <dsa-step> elements
-  getAllSteps() {
-    return [...this.querySelectorAll(STEP_TAG)];
-  }
-  handleDefaultSlotChange() {
-    const allSteps = this.getAllSteps();
-    if (customElements.get(STEP_TAG)) {
-      if (this.hideLabel) {
-        return;
-      }
-      allSteps.forEach((step, index) => {
-        step.index = index;
-      });
-    } else {
-      customElements.whenDefined(STEP_TAG).then(() => this.handleDefaultSlotChange());
-    }
-  }
-  render() {
-    return html`
-      <div role="list" class="stepper">
-        <slot @slotchange=${this.handleDefaultSlotChange}> </slot>
-      </div>
-    `;
-  }
-};
-DSAStepper.styles = stepper_styles_default;
-__decorateClass([
-  property()
-], DSAStepper.prototype, "hideLabel", 2);
-DSAStepper = __decorateClass([
-  customElement("dsa-stepper")
-], DSAStepper);
-
-export {
-  DSAStepper
-};