@warp-ds/elements 2.6.0 → 2.7.0-next.2

package/dist/setup-tests.js

@@ -58,5 +58,5 @@ expect.extend({
         const container = resolveAxeContainer(received);
         const results = await runAxe(container);
         return toHaveNoViolations(results);
-    }
+    },
 });

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@warp-ds/elements",
-  "version": "2.6.0-next.5",
+  "version": "2.7.0-next.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1270,6 +1270,333 @@
           "attributes": [],
           "events": [],
           "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "w-checkbox",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks whether the checkbox passes constraint validation\n- **reportValidity(): _boolean_** - Checks validity and shows the browser's validation message if invalid",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "value",
+              "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+              "value": { "type": "string | null", "default": "null" }
+            },
+            {
+              "name": "indeterminate",
+              "description": "Draws the checkbox in an indeterminate state.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "checked",
+              "description": "Draws the checkbox in a checked state (reflected to attribute).",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the checkbox.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "description": "Makes the checkbox a required field.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "invalid",
+              "description": "Draws the checkbox in an invalid state.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [{ "name": "change", "type": "Event" }],
+          "js": {
+            "properties": [
+              { "name": "input", "type": "HTMLInputElement | null" },
+              {
+                "name": "name",
+                "description": "The name of the checkbox, submitted as a name/value pair with form data.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the checkbox, submitted as a name/value pair with form data.",
+                "type": "string | null"
+              },
+              {
+                "name": "indeterminate",
+                "description": "Draws the checkbox in an indeterminate state.",
+                "type": "boolean"
+              },
+              {
+                "name": "checked",
+                "description": "Draws the checkbox in a checked state (reflected to attribute).",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the checkbox.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "Makes the checkbox a required field.",
+                "type": "boolean"
+              },
+              {
+                "name": "invalid",
+                "description": "Draws the checkbox in an invalid state.",
+                "type": "boolean"
+              },
+              {
+                "name": "validationMessage",
+                "description": "Returns the validation message if the checkbox is invalid, otherwise an empty string",
+                "type": "string"
+              },
+              {
+                "name": "validity",
+                "description": "Returns the validity state of the checkbox",
+                "type": "ValidityState"
+              }
+            ],
+            "events": [{ "name": "change", "type": "Event" }]
+          }
+        },
+        {
+          "name": "w-checkbox-group",
+          "description": "\n---\n\n\n### **Methods:**\n - **checkValidity(): _boolean_** - Checks whether the group passes constraint validation\n- **reportValidity(): _boolean_** - Checks validity and shows the validation message if invalid\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox group.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The group label displayed above the checkboxes.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "name",
+              "description": "The name applied to child checkboxes when they do not provide one.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "optional",
+              "description": "Whether to show optional text next to the label.",
+              "value": { "type": "boolean" }
+            },
+            { "name": "help-text", "value": { "type": "string" } },
+            {
+              "name": "required",
+              "description": "Makes the checkbox group required.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "invalid",
+              "description": "Marks the checkbox group as invalid.",
+              "value": { "type": "boolean" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "The group label displayed above the checkboxes.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "The name applied to child checkboxes when they do not provide one.",
+                "type": "string"
+              },
+              {
+                "name": "optional",
+                "description": "Whether to show optional text next to the label.",
+                "type": "boolean"
+              },
+              { "name": "helpText", "type": "string" },
+              {
+                "name": "required",
+                "description": "Makes the checkbox group required.",
+                "type": "boolean"
+              },
+              {
+                "name": "invalid",
+                "description": "Marks the checkbox group as invalid.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "w-slider-thumb",
+          "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)\n---\n\n\n### **Events:**\n - **slidervalidity**",
+          "doc-url": "",
+          "attributes": [
+            { "name": "aria-label", "value": { "type": "string" } },
+            { "name": "aria-description", "value": { "type": "string" } },
+            { "name": "name", "value": { "type": "string" } },
+            { "name": "value", "value": { "type": "string" } },
+            { "name": "placeholder", "value": { "type": "string" } }
+          ],
+          "events": [{ "name": "slidervalidity", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "ariaLabel", "type": "string" },
+              { "name": "ariaDescription", "type": "string" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "placeholder", "type": "string" },
+              { "name": "range", "type": "HTMLInputElement" },
+              { "name": "tooltipTarget", "type": "HTMLOutputElement" },
+              { "name": "textfield", "type": "WarpTextField" },
+              { "name": "boundaryValue", "type": "string" },
+              {
+                "name": "textFieldDisplayValue",
+                "description": "Value to display in the textfield (shows boundary when focused on empty value)"
+              },
+              {
+                "name": "tooltipDisplayValue",
+                "description": "Value to display in the tooltip",
+                "type": "string | number"
+              },
+              { "name": "ariaDescriptionText" }
+            ],
+            "events": [{ "name": "slidervalidity", "type": "CustomEvent" }]
+          }
+        },
+        {
+          "name": "w-slider",
+          "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)\n---\n\n\n### **Slots:**\n - _default_ - For single sliders place a `<w-slider-thumb>` in the default slot.\n- **label** - Label for the slider or range slider as a whole.\n- **description** - Optional description between the label and slider.\n- **from** - Range sliders need to place a `<w-slider-thumb>` in the from and to slots.\n- **to** - Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "open-ended",
+              "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "error", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "help-text",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "invalid",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "min", "value": { "type": "string" } },
+            { "name": "max", "value": { "type": "string" } },
+            {
+              "name": "markers",
+              "description": "Pass a value similar to step to create visual markers at that interval",
+              "value": { "type": "number" }
+            },
+            { "name": "step", "value": { "type": "number" } },
+            {
+              "name": "suffix",
+              "description": "Suffix used in text input fields and for the min and max values of the slider.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "hidden-textfield",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "For single sliders place a `<w-slider-thumb>` in the default slot."
+            },
+            {
+              "name": "label",
+              "description": "Label for the slider or range slider as a whole."
+            },
+            {
+              "name": "description",
+              "description": "Optional description between the label and slider."
+            },
+            {
+              "name": "from",
+              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots."
+            },
+            {
+              "name": "to",
+              "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead (f. ex. `<legend class=\"sr-only\" slot=\"label\">Production year</legend>`)",
+                "type": "string"
+              },
+              { "name": "disabled", "type": "boolean" },
+              {
+                "name": "openEnded",
+                "description": "Whether or not to allow values outside the range such as \"Before 1950\" and \"2025+\".",
+                "type": "boolean"
+              },
+              { "name": "error", "type": "string" },
+              { "name": "helpText", "type": "string" },
+              { "name": "invalid", "type": "boolean" },
+              {
+                "name": "required",
+                "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
+                "type": "boolean"
+              },
+              { "name": "min", "type": "string" },
+              { "name": "max", "type": "string" },
+              {
+                "name": "markers",
+                "description": "Pass a value similar to step to create visual markers at that interval",
+                "type": "number"
+              },
+              { "name": "step", "type": "number" },
+              {
+                "name": "suffix",
+                "description": "Suffix used in text input fields and for the min and max values of the slider.",
+                "type": "string"
+              },
+              { "name": "hiddenTextfield", "type": "boolean" },
+              {
+                "name": "valueFormatter",
+                "description": "Formatter for the tooltip and input mask values.",
+                "type": "(value: string, slot: SliderSlot) => string"
+              },
+              {
+                "name": "labelFormatter",
+                "description": "Formatter for the min and max labels below the range.",
+                "type": "(slot: SliderSlot) => string"
+              },
+              { "name": "_invalidMessage", "type": "string" },
+              { "name": "_hasInternalError", "type": "boolean" },
+              { "name": "_showError", "type": "boolean" },
+              { "name": "_tabbableElements", "type": "Array<HTMLElement>" },
+              { "name": "edgeMin" },
+              { "name": "edgeMax" },
+              { "name": "componentHasError", "type": "boolean" },
+              { "name": "errorText", "type": "string" }
+            ],
+            "events": []
+          }
         }
       ]
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.6.0",
+  "version": "2.7.0-next.2",
   "packageManager": "pnpm@10.20.0",
   "description": "Custom elements for Warp",
   "exports": {