@warp-ds/elements 2.2.0 → 2.3.0-next.1

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.2.0-next.32",
+  "version": "2.2.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -650,6 +650,203 @@
           "attributes": [],
           "events": [],
           "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "w-pagination",
+          "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)\n---\n\n\n### **Events:**\n - **page-click** - Triggered when a link button in the pagination is clicked. Contains the page number in `string` form.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "base-url", "value": { "type": "string" } },
+            { "name": "pages", "value": { "type": "number" } },
+            {
+              "name": "current-page",
+              "value": { "type": "number", "default": "1" }
+            },
+            {
+              "name": "visible-pages",
+              "value": { "type": "number", "default": "7" }
+            }
+          ],
+          "events": [
+            {
+              "name": "page-click",
+              "type": "CustomEvent",
+              "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "baseUrl", "type": "string" },
+              { "name": "pages", "type": "number" },
+              { "name": "currentPageNumber", "type": "number" },
+              { "name": "visiblePages", "type": "number" }
+            ],
+            "events": [
+              {
+                "name": "page-click",
+                "type": "CustomEvent",
+                "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
+              }
+            ]
+          }
+        },
+        {
+          "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": "label", "value": { "type": "string" } },
+            { "name": "name", "value": { "type": "string" } },
+            { "name": "value", "value": { "type": "string" } },
+            { "name": "disabled", "value": { "type": "boolean" } }
+          ],
+          "events": [{ "name": "slidervalidity", "type": "CustomEvent" }],
+          "js": {
+            "properties": [
+              { "name": "ariaLabel", "type": "string" },
+              { "name": "ariaDescription", "type": "string" },
+              { "name": "label", "type": "string" },
+              { "name": "name", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "disabled", "type": "boolean" },
+              {
+                "name": "markers",
+                "description": "Set by `<w-slider>`",
+                "type": "string"
+              },
+              {
+                "name": "required",
+                "description": "Set by `<w-slider>`",
+                "type": "boolean"
+              },
+              {
+                "name": "step",
+                "description": "Set by `<w-slider>`",
+                "type": "number"
+              },
+              {
+                "name": "min",
+                "description": "Set by `<w-slider>`",
+                "type": "string"
+              },
+              {
+                "name": "max",
+                "description": "Set by `<w-slider>`",
+                "type": "string"
+              },
+              {
+                "name": "suffix",
+                "description": "Set by `<w-slider>`",
+                "type": "string"
+              },
+              {
+                "name": "formatter",
+                "description": "JS hook to help you format the numeric value how you want.",
+                "type": "(value: string) => string"
+              },
+              { "name": "range", "type": "HTMLInputElement" },
+              { "name": "textfield", "type": "WarpTextField" }
+            ],
+            "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.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "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" }
+            }
+          ],
+          "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.",
+                "type": "string"
+              },
+              { "name": "disabled", "type": "boolean" },
+              { "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": "formatter",
+                "description": "Function to format the to- and from labels and value in the slider thumb tooltip.",
+                "type": "(value: string) => string"
+              }
+            ],
+            "events": []
+          }
         }
       ]
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "2.2.0",
+  "version": "2.3.0-next.1",
   "packageManager": "pnpm@10.20.0",
   "description": "Custom elements for Warp",
   "exports": {
@@ -19,8 +19,10 @@
     "./components/card": "./dist/packages/card/index.js",
     "./components/expandable": "./dist/packages/expandable/index.js",
     "./components/modal": "./dist/packages/modal/index.js",
+    "./components/pagination": "./dist/packages/pagination/index.js",
     "./components/pill": "./dist/packages/pill/index.js",
     "./components/select": "./dist/packages/select/index.js",
+    "./components/slider": "./dist/packages/slider/index.js",
     "./components/textfield": "./dist/packages/textfield/index.js",
     "./components/toast": "./dist/packages/toast/index.js",
     "./toast": "./dist/api.js",