@politiet/sheriff-web-components 2.9.0 → 2.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@politiet/sheriff-web-components",
-	"version": "2.9.0",
+	"version": "2.10.0",
 	"description": "Sheriff Design System Web Components Library",
 	"author": "Politiets IT-enhet",
 	"license": "ISC",
@@ -75,6 +75,10 @@
 			"import": "./dist/sds-dialog/sds-dialog.js",
 			"types": "./dist/sds-dialog/sds-dialog.d.ts"
 		},
+		"./sds-environment-banner": {
+			"import": "./dist/sds-environment-banner/sds-environment-banner.js",
+			"types": "./dist/sds-environment-banner/sds-environment-banner.d.ts"
+		},
 		"./sds-heading": {
 			"import": "./dist/sds-heading/sds-heading.js",
 			"types": "./dist/sds-heading/sds-heading.d.ts"
@@ -168,10 +172,10 @@
 	},
 	"optionalDependencies": {
 		"@lit/react": "^1.0.8",
-		"@politiet/sheriff-icons": "^2.0.2"
+		"@politiet/sheriff-icons": "^2.1.0"
 	},
 	"peerDependencies": {
-		"@politiet/sheriff-css-framework": "^2.3.2",
+		"@politiet/sheriff-css-framework": "^2.5.0",
 		"typescript": ">=3.8.0"
 	},
 	"peerDependenciesMeta": {
@@ -180,13 +184,18 @@
 		}
 	},
 	"devDependencies": {
+		"@axe-core/playwright": "^4.11.3",
 		"@custom-elements-manifest/analyzer": "^0.11.0",
 		"@digdir/designsystemet-css": "^1.12.1",
 		"@digdir/designsystemet-web": "^1.12.1",
 		"@rollup/plugin-node-resolve": "^16.0.3",
 		"@rollup/plugin-terser": "^1.0.0",
 		"lit-web-types": "^0.1.5",
+		"preact": "^10.26.1",
 		"rollup": "^4.59.0",
+		"solid-js": "^1.9.4",
+		"ts-lit-plugin": "^2.0.2",
+		"vue": "^3.5.13",
 		"web-component-analyzer-webtypes": "^2.0.12"
 	},
 	"wca": {

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "$schema": "http://json.schemastore.org/web-types",
     "name": "@politiet/sheriff-web-components",
-    "version": "2.9.0",
+    "version": "2.10.0",
     "framework": "web-components",
     "description-markup": "markdown",
     "contributions": {
@@ -2994,6 +2994,97 @@
                         ]
                     }
                 },
+                {
+                    "name": "sds-environment-banner",
+                    "source": {
+                        "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                        "symbol": "SDSEnvironmentBanner"
+                    },
+                    "attributes": [
+                        {
+                            "name": "env",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "EnvironmentBannerEnv",
+                                    "undefined"
+                                ],
+                                "required": true
+                            },
+                            "source": {
+                                "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                "symbol": "SDSEnvironmentBanner.env"
+                            }
+                        },
+                        {
+                            "name": "build",
+                            "required": false,
+                            "priority": "normal",
+                            "value": {
+                                "type": [
+                                    "string",
+                                    "undefined"
+                                ],
+                                "required": true
+                            },
+                            "source": {
+                                "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                "symbol": "SDSEnvironmentBanner.build"
+                            }
+                        }
+                    ],
+                    "js": {
+                        "properties": [
+                            {
+                                "name": "styles",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": "CSSResult[]",
+                                    "required": true,
+                                    "default": "[\"styles\"]"
+                                },
+                                "source": {
+                                    "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                    "symbol": "SDSEnvironmentBanner.styles"
+                                }
+                            },
+                            {
+                                "name": "env",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "EnvironmentBannerEnv",
+                                        "undefined"
+                                    ],
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                    "symbol": "SDSEnvironmentBanner.env"
+                                }
+                            },
+                            {
+                                "name": "build",
+                                "required": false,
+                                "priority": "normal",
+                                "value": {
+                                    "type": [
+                                        "string",
+                                        "undefined"
+                                    ],
+                                    "required": true
+                                },
+                                "source": {
+                                    "module": "./src/sds-environment-banner/sds-environment-banner.ts",
+                                    "symbol": "SDSEnvironmentBanner.build"
+                                }
+                            }
+                        ]
+                    }
+                },
                 {
                     "name": "sds-heading",
                     "source": {
@@ -4640,7 +4731,7 @@
                                 "value": {
                                     "type": "(event: KeyboardEvent) => void",
                                     "required": true,
-                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.name || this.disabled || this.readOnly) return;\\n\\n\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\tconst radios = Array.from(root.querySelectorAll<SDSRadio>(`sds-radio[name=\\\"${this.name}\\\"]`));\\n\\t\\tconst currentIndex = radios.indexOf(this);\\n\\n\\t\\tif (currentIndex === -1) return;\\n\\n\\t\\tlet targetIndex: number | null = null;\\n\\n\\t\\tswitch (event.key) {\\n\\t\\t\\tcase 'ArrowUp':\\n\\t\\t\\tcase 'ArrowLeft':\\n\\t\\t\\t\\ttargetIndex = currentIndex > 0 ? currentIndex - 1 : radios.length - 1;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tcase 'ArrowDown':\\n\\t\\t\\tcase 'ArrowRight':\\n\\t\\t\\t\\ttargetIndex = currentIndex < radios.length - 1 ? currentIndex + 1 : 0;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tdefault:\\n\\t\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst targetRadio = radios[targetIndex];\\n\\t\\ttargetRadio?.focus();\\n\\t\\ttargetRadio?.click();\\n\\t\\tevent.preventDefault();\\n\\t}\""
+                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.name || this.disabled || this.readOnly) return;\\n\\n\\t\\t// If modifier keys are in play no changes should be applied\\n\\t\\tif (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst root = this.getRootNode() as Document | ShadowRoot;\\n\\t\\tconst radios = Array.from(root.querySelectorAll<SDSRadio>(`sds-radio[name=\\\"${this.name}\\\"]`));\\n\\t\\tconst currentIndex = radios.indexOf(this);\\n\\n\\t\\tif (currentIndex === -1) return;\\n\\n\\t\\tlet targetIndex: number | null = null;\\n\\n\\t\\tswitch (event.key) {\\n\\t\\t\\tcase 'ArrowUp':\\n\\t\\t\\tcase 'ArrowLeft':\\n\\t\\t\\t\\ttargetIndex = currentIndex > 0 ? currentIndex - 1 : radios.length - 1;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tcase 'ArrowDown':\\n\\t\\t\\tcase 'ArrowRight':\\n\\t\\t\\t\\ttargetIndex = currentIndex < radios.length - 1 ? currentIndex + 1 : 0;\\n\\t\\t\\t\\tbreak;\\n\\t\\t\\tdefault:\\n\\t\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst targetRadio = radios[targetIndex];\\n\\t\\ttargetRadio?.focus();\\n\\t\\ttargetRadio?.click();\\n\\t\\tevent.preventDefault();\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-radio/sds-radio.ts",
@@ -5295,7 +5386,7 @@
                                 "value": {
                                     "type": "(event: KeyboardEvent) => void",
                                     "required": true,
-                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.readOnly) return;\\n\\n\\t\\tconst keysThatChange = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageUp', 'PageDown', ' ', 'Enter']);\\n\\n\\t\\tif (keysThatChange.has(event.key)) {\\n\\t\\t\\tevent.preventDefault();\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t}\\n\\t}\""
+                                    "default": "\"(event: KeyboardEvent) => {\\n\\t\\tif (!this.readOnly) return;\\n\\n\\t\\t// If modifier keys are in play no changes should be applied\\n\\t\\tif (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) {\\n\\t\\t\\treturn;\\n\\t\\t}\\n\\n\\t\\tconst keysThatChange = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageUp', 'PageDown', ' ', 'Enter']);\\n\\n\\t\\tif (keysThatChange.has(event.key)) {\\n\\t\\t\\tevent.preventDefault();\\n\\t\\t\\tevent.stopImmediatePropagation();\\n\\t\\t}\\n\\t}\""
                                 },
                                 "source": {
                                     "module": "./src/sds-select/sds-select.ts",