@operato/form 10.22.0 → 10.24.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/form",
   "description": "WebApplication form supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "10.22.0",
+  "version": "10.24.0",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -64,9 +64,9 @@
   "dependencies": {
     "@material/web": "^2.0.0",
     "@operato/graphql": "^10.22.0",
-    "@operato/input": "^10.22.0",
-    "@operato/p13n": "^10.22.0",
-    "@operato/styles": "^10.16.2",
+    "@operato/input": "^10.23.0",
+    "@operato/p13n": "^10.23.0",
+    "@operato/styles": "^10.23.0",
     "@operato/time-calculator": "^10.16.2",
     "@operato/utils": "^10.22.0",
     "lit": "^3.1.2"
@@ -104,5 +104,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "1da01ac5d48c0b60ec27286d5f9f08d3ad6b971a"
+  "gitHead": "c3cb8b0e25f05aba9836418b05bc0e24c8095797"
 }

package/test/readonly-theme.test.ts

@@ -0,0 +1,20 @@
+import { expect } from '@open-wc/testing'
+
+import { FilterStyles } from '../src/filters/filter-styles.js'
+import { SearchFormStyles } from '../src/styles/search-form-styles.js'
+
+/**
+ * Read-only fields sit on a surface of the theme. They were a fixed #f0f0f0 behind text that follows
+ * the theme - light text on a light field in the dark theme.
+ */
+describe('read-only fields in the filter and search forms', () => {
+  for (const [name, styles] of [
+    ['FilterStyles', FilterStyles],
+    ['SearchFormStyles', SearchFormStyles]
+  ] as const) {
+    it(`${name} uses the theme's surface`, () => {
+      expect(styles.cssText).to.match(/readonly\][^{]*\{\s*background-color:\s*var\(--md-sys-color-surface-container-highest\)/)
+      expect(styles.cssText).to.not.match(/#f0f0f0/i)
+    })
+  }
+})