fix: added missing select disabled styles (#360)

Author: mfranzke

source/_patterns/01-elements/select/select-variations.hbs

@@ -1,6 +1,6 @@
 <dl>
 {{#each variations}}
 	<dt>{{variant}}:</dt>
-	<dd>{{> elements-select }}</dd>
+	<dd>{{> elements-select disabled=../disabled }}</dd>
 {{/each }}
 </dl>

source/_patterns/01-elements/select/select-variations~disabled.json

@@ -0,0 +1,25 @@
+{
+	"variations": [
+		{
+			"variant": "semitransparent",
+			"id": "select05",
+			"label": "Devices"
+		},
+		{
+			"variant": "white",
+			"id": "select06",
+			"label": "Devices"
+		},
+		{
+			"variant": "solid",
+			"id": "select07",
+			"label": "Devices"
+		},
+		{
+			"variant": "outline",
+			"id": "select08",
+			"label": "Devices"
+		}
+	],
+	"disabled": true
+}

source/_patterns/01-elements/select/select.scss

@@ -49,6 +49,16 @@
 		}
 	}
 
+	// TODO: Evaluate whether those could get moved to ../_form-elements.scss
+	&:disabled,
+	fieldset:disabled & {
+		&,
+		& + .elm-label {
+			// Decided against cursor: not-allowed, compare to e.g. https://phabricator.wikimedia.org/T121960
+			opacity: 0.4;
+		}
+	}
+
 	// ### Style variations
 	&[data-variant="semitransparent"] {
 		@extend %form-element-semitransparent;