@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

package/docs/html.html-data.json

@@ -271,7 +271,7 @@
         },
         {
           "name": "position",
-          "description": "If `true` the badge is added to the top right corner of the card.",
+          "description": "Defines where the badge is positioned relative to its host, e.g. the top right corner of a card.",
           "values": [
             {
               "name": "button"
@@ -1181,6 +1181,10 @@
           "name": "disabled",
           "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
         },
+        {
+          "name": "hide-trigger",
+          "description": "If `true` and `tile` is set, the checkbox box is visually hidden. The tile remains fully clickable and keyboard-accessible."
+        },
         {
           "name": "invalid",
           "description": "If `true` the component gets a invalid style."
@@ -1299,6 +1303,10 @@
           "name": "disabled",
           "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
         },
+        {
+          "name": "hide-trigger",
+          "description": "If `true` and `tile` is set, the checkbox box is visually hidden on every checkbox in the group."
+        },
         {
           "name": "invalid",
           "description": "If `true` the component gets a invalid style."
@@ -3160,6 +3168,113 @@
         }
       ]
     },
+    {
+      "name": "ds-input-slider",
+      "description": {
+        "kind": "markdown",
+        "value": "Input slider renders a noUiSlider-backed slider with validation and label/description messaging."
+      },
+      "attributes": [
+        {
+          "name": "auto-invalid-off",
+          "description": "If `true`, in Angular reactive forms the control will not be set invalid"
+        },
+        {
+          "name": "brand-color",
+          "description": "Recolors the connect (the filled progress track) with a brand color instead of the default\ngrey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter\n`-2` shade. Empty (default) keeps the current grey/primary look.",
+          "values": [
+            {
+              "name": "green"
+            },
+            {
+              "name": "purple"
+            },
+            {
+              "name": "red"
+            },
+            {
+              "name": "yellow"
+            }
+          ]
+        },
+        {
+          "name": "color",
+          "description": "Defines the color of the slider. The default value is `primary`.",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "debounce",
+          "description": "Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`."
+        },
+        {
+          "name": "description",
+          "description": "The description of the slider, which is displayed below the control."
+        },
+        {
+          "name": "disabled",
+          "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
+        },
+        {
+          "name": "invalid",
+          "description": "If `true` the component gets an invalid style."
+        },
+        {
+          "name": "invalid-text",
+          "description": "The text to display when the slider is in an invalid state."
+        },
+        {
+          "name": "label",
+          "description": "The label of the slider, which is displayed above the control."
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the slider."
+        },
+        {
+          "name": "min",
+          "description": "The minimum value of the slider."
+        },
+        {
+          "name": "name",
+          "description": "The name of the control, which is submitted with the form data."
+        },
+        {
+          "name": "readonly",
+          "description": "If `true` the element can not be mutated. noUiSlider has no native concept of\n`readonly`, so this is treated as equivalent to `disabled`."
+        },
+        {
+          "name": "required",
+          "description": "If `true`, the user must fill in a value before submitting a form."
+        },
+        {
+          "name": "step",
+          "description": "The granularity the value must adhere to, as a string so `\"any\"` (free,\ncontinuous dragging with no step snapping) can be expressed alongside\nnumeric step sizes."
+        },
+        {
+          "name": "value",
+          "description": "The value of the slider. Unlike a text input, a slider can never be\nempty; when unset it defaults to `min`. Internally starts as `NaN` (this\ncodebase's established \"empty number\" sentinel, see `isValueEmpty`) until\n`connectedCallback` resolves it — never actually rendered or emitted."
+        }
+      ],
+      "references": [
+        {
+          "name": "Source code",
+          "url": "https:/github.com/baloise/design-system/src/components/input-slider/input-slider.tsx"
+        }
+      ]
+    },
     {
       "name": "ds-item",
       "description": {
@@ -4063,6 +4178,10 @@
           "name": "disabled",
           "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
         },
+        {
+          "name": "hide-trigger",
+          "description": "If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible."
+        },
         {
           "name": "invalid",
           "description": "If `true` the component gets a invalid style."
@@ -4181,6 +4300,10 @@
           "name": "disabled",
           "description": "If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants."
         },
+        {
+          "name": "hide-trigger",
+          "description": "If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group."
+        },
         {
           "name": "invalid",
           "description": "If `true` the component gets a invalid style."

package/docs/tags.json

@@ -32,6 +32,7 @@
   "ds-hint-title",
   "ds-icon",
   "ds-input",
+  "ds-input-slider",
   "ds-item",
   "ds-label",
   "ds-list",

package/docs/visual-pages.json

@@ -0,0 +1,51 @@
+[
+  "/components/accordion/test/accordion.visual.html",
+  "/components/alert/test/alert.visual.html",
+  "/components/alert/test/snackbar.visual.html",
+  "/components/alert/test/toast.visual.html",
+  "/components/badge/test/badge.visual.html",
+  "/components/button/test/button-group.visual.html",
+  "/components/button/test/button.visual.html",
+  "/components/card/test/card.visual.html",
+  "/components/carousel/test/carousel.visual.html",
+  "/components/checkbox/test/checkbox.visual.html",
+  "/components/close/test/close.visual.html",
+  "/components/content/test/content.visual.html",
+  "/components/data/test/data.visual.html",
+  "/components/date/test/date.visual.html",
+  "/components/divider/test/divider.visual.html",
+  "/components/drawer/test/drawer.visual.html",
+  "/components/file-upload/test/file-upload.visual.html",
+  "/components/footer/test/footer.visual.html",
+  "/components/heading/test/heading.visual.html",
+  "/components/hint/test/hint.visual.html",
+  "/components/icon/test/icon.visual.html",
+  "/components/input-slider/test/input-slider.visual.html",
+  "/components/input/test/input.visual.html",
+  "/components/label/test/label.visual.html",
+  "/components/list/test/list-native.visual.html",
+  "/components/list/test/list.visual.html",
+  "/components/logo/test/logo.visual.html",
+  "/components/modal/test/modal.visual.html",
+  "/components/navbar/test/navbar-light.visual.html",
+  "/components/navbar/test/navbar.visual.html",
+  "/components/notification/test/notification.visual.html",
+  "/components/number-input/test/number-input.visual.html",
+  "/components/pagination/test/pagination.visual.html",
+  "/components/popup/test/popup.visual.html",
+  "/components/progress-bar/test/progress-bar.visual.html",
+  "/components/radio/test/radio.visual.html",
+  "/components/segment/test/segment.visual.html",
+  "/components/select/test/select.visual.html",
+  "/components/shape/test/shape.visual.html",
+  "/components/spinner/test/spinner.visual.html",
+  "/components/stack/test/stack.visual.html",
+  "/components/steps/test/steps.visual.html",
+  "/components/tabs/test/tabs.visual.html",
+  "/components/tag/test/tag.visual.html",
+  "/components/text/test/text.visual.html",
+  "/components/textarea/test/textarea.visual.html",
+  "/components/toggle/test/toggle.visual.html",
+  "/components/tooltip/test/tooltip.visual.html",
+  "/foundation/colors.visual.html"
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-core",
-  "version": "20.0.0-next.6",
+  "version": "20.0.0-next.8",
   "description": "The Helvetia Design System is an open source project for styling awesome web applications that follow the Helvetia corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -28,24 +28,26 @@
     "sbom.cdx.json"
   ],
   "dependencies": {
-    "@baloise/ds-assets": "20.0.0-next.6",
-    "@baloise/ds-css": "20.0.0-next.6",
-    "@baloise/ds-tokens": "20.0.0-next.6",
+    "@baloise/ds-assets": "20.0.0-next.8",
+    "@baloise/ds-css": "20.0.0-next.8",
+    "@baloise/ds-tokens": "20.0.0-next.8",
     "@floating-ui/dom": "1.8.0",
     "@stencil/core": "4.43.5",
     "air-datepicker": "3.6.0",
-    "slim-select": "4.0.6",
-    "imask": "7.6.1",
-    "dompurify": "3.4.12",
+    "dompurify": "3.4.13",
     "focus-trap": "8.2.2",
+    "imask": "7.6.1",
     "lodash": "4.18.1",
     "lottie-colorify": "0.8.0",
     "lottie-web": "5.8.1",
     "luxon": "3.7.2",
+    "nouislider": "15.8.1",
+    "slim-select": "4.0.6",
     "tslib": "2.8.1"
   },
   "devDependencies": {
-    "@baloise/ds-playwright": "20.0.0-next.6",
+    "@baloise/ds-playwright": "20.0.0-next.8",
+    "@stencil/angular-output-target": "1.4.1",
     "@stencil/react-output-target": "1.6.1",
     "@types/lodash": "4.17.24",
     "@types/luxon": "3.7.2",
@@ -53,7 +55,6 @@
     "eslint": "10.7.0",
     "express": "5.2.1",
     "libs-eslint-plugin": "0.0.0",
-    "libs-output-target-angular": "0.0.0",
     "libs-output-target-web": "0.0.0",
     "serve-index": "1.9.2",
     "vitest": "4.1.10"