@statistikzh/leu 0.24.1 → 0.24.2

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.24.1",
+  "version": "0.24.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -65,33 +65,6 @@
             "events": []
           }
         },
-        {
-          "name": "leu-button-group",
-          "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [{ "name": "", "description": "Slot for the buttons" }],
-          "events": [
-            {
-              "name": "input",
-              "description": "When the value of the group changes by clicking a button"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "The value of the currently selected (active) button"
-              }
-            ],
-            "events": [
-              {
-                "name": "input",
-                "description": "When the value of the group changes by clicking a button"
-              }
-            ]
-          }
-        },
         {
           "name": "leu-button",
           "description": "\n---\n\n\n### **Slots:**\n - **before** - The icon to display before the label\n- **after** - The icon to display after the label\n- _default_ - The label of the button or the icon if no label is set",
@@ -238,6 +211,33 @@
             "events": []
           }
         },
+        {
+          "name": "leu-button-group",
+          "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [{ "name": "", "description": "Slot for the buttons" }],
+          "events": [
+            {
+              "name": "input",
+              "description": "When the value of the group changes by clicking a button"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "The value of the currently selected (active) button"
+              }
+            ],
+            "events": [
+              {
+                "name": "input",
+                "description": "When the value of the group changes by clicking a button"
+              }
+            ]
+          }
+        },
         {
           "name": "leu-chart-wrapper",
           "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",
@@ -282,29 +282,74 @@
           }
         },
         {
-          "name": "leu-dialog",
+          "name": "leu-checkbox",
           "description": "\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "value": { "type": "string", "default": "\"\"" }
+              "name": "checked",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "sublabel",
+              "name": "disabled",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "value",
               "value": { "type": "string", "default": "\"\"" }
             },
+            { "name": "name", "value": { "type": "string", "default": "\"\"" } }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "checked", "type": "boolean" },
+              { "name": "disabled", "type": "boolean" },
+              { "name": "value", "type": "string" },
+              { "name": "name", "type": "string" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "leu-checkbox-group",
+          "description": "\n---\n\n\n### **Slots:**\n - _default_ - Place the checkboxes inside the default slot.",
+          "doc-url": "",
+          "attributes": [
             {
-              "name": "open",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "orientation",
+              "description": "Defines how the checkboxes should be aligned.",
+              "value": {
+                "type": "\"horizontal\" | \"vertical\"",
+                "default": "\"horizontal\""
+              }
+            },
+            {
+              "name": "label",
+              "description": "The label of the checkbox group",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Place the checkboxes inside the default slot."
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "label", "type": "string" },
-              { "name": "sublabel", "type": "string" },
-              { "name": "open", "type": "boolean" }
+              {
+                "name": "orientation",
+                "description": "Defines how the checkboxes should be aligned.",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "label",
+                "description": "The label of the checkbox group",
+                "type": "string | undefined"
+              },
+              { "name": "value" }
             ],
             "events": []
           }
@@ -505,74 +550,29 @@
           }
         },
         {
-          "name": "leu-checkbox",
+          "name": "leu-dialog",
           "description": "\n---\n",
           "doc-url": "",
           "attributes": [
             {
-              "name": "checked",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "disabled",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "value",
+              "name": "label",
               "value": { "type": "string", "default": "\"\"" }
             },
-            { "name": "name", "value": { "type": "string", "default": "\"\"" } }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "checked", "type": "boolean" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "value", "type": "string" },
-              { "name": "name", "type": "string" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "leu-checkbox-group",
-          "description": "\n---\n\n\n### **Slots:**\n - _default_ - Place the checkboxes inside the default slot.",
-          "doc-url": "",
-          "attributes": [
             {
-              "name": "orientation",
-              "description": "Defines how the checkboxes should be aligned.",
-              "value": {
-                "type": "\"horizontal\" | \"vertical\"",
-                "default": "\"horizontal\""
-              }
+              "name": "sublabel",
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
-              "name": "label",
-              "description": "The label of the checkbox group",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "Place the checkboxes inside the default slot."
+              "name": "open",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "orientation",
-                "description": "Defines how the checkboxes should be aligned.",
-                "type": "\"horizontal\" | \"vertical\""
-              },
-              {
-                "name": "label",
-                "description": "The label of the checkbox group",
-                "type": "string | undefined"
-              },
-              { "name": "value" }
+              { "name": "label", "type": "string" },
+              { "name": "sublabel", "type": "string" },
+              { "name": "open", "type": "boolean" }
             ],
             "events": []
           }

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI component library of the canton of zurich",
   "license": "MIT",
   "author": "statistikzh",
-  "version": "0.24.1",
+  "version": "0.24.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -129,7 +129,6 @@
     "bundle": false
   },
   "publishConfig": {
-    "access": "public",
-    "provenance": false
+    "access": "public"
   }
 }

package/src/components/scroll-top/scroll-top.css

@@ -1,14 +1,30 @@
+@import url("../../styles/custom-media.css");
+
 .scroll-top {
   overflow: hidden;
   position: fixed;
-  right: 1.5rem;
-  z-index: 1099;
-  bottom: 8.125rem;
+  z-index: var(--leu-z-index-scroll-top);
+
+  --_space: 1.5rem;
+  right: var(--_space);
+  bottom: var(--_space);
 
   /* show */
-  height: 50px;
+  height: 3rem;
   pointer-events: auto;
   transition: height, bottom 0.9s, 0.6s ease;
+
+  @media (--viewport-regular) {
+    --_space: 2rem;
+  }
+
+  @media (--viewport-large) {
+    --_space: 2.5rem;
+  }
+
+  @media (--viewport-xlarge) {
+    --_space: 3rem;
+  }
 }
 
 .hide {

package/src/styles/theme.css

@@ -57,6 +57,7 @@
   --leu-box-shadow-long: 0px 0px 80px var(--leu-color-black-transp-20);
 
   --leu-z-index-popup: 100;
+  --leu-z-index-scroll-top: 1099;
 
   @leu-font-styles './font-definitions.json';
   --leu-t-font-feature-settings: "ss07", "ss08", "cv03", "cv04", "cv10";