declarative-forms 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/index.cjs +36 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +40 -0
- package/dist/index.d.ts +40 -0
- package/dist/index.js +36 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/declarative-forms.css +14 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "declarative-forms",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.1",
|
|
4
4
|
"description": "Declarative, data-driven form dialogs for the web. Zero dependencies, framework agnostic, with async options, cross-field reactivity, tabs and modal stacking.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -1238,10 +1238,24 @@
|
|
|
1238
1238
|
fill: var(--dl-accent);
|
|
1239
1239
|
}
|
|
1240
1240
|
|
|
1241
|
+
/*
|
|
1242
|
+
* The shimmer itself lives in the component's injected styles, but this theme
|
|
1243
|
+
* paints `.input-wrapper` from a more specific selector (`.dl-form dl-select
|
|
1244
|
+
* .input-wrapper`), which would otherwise win and leave the skeleton animating
|
|
1245
|
+
* a flat colour — a blank field instead of a loading one. Repeat the gradient
|
|
1246
|
+
* here so the theme's own background does not swallow it.
|
|
1247
|
+
*/
|
|
1241
1248
|
.dl-form dl-select.dl-select-loading .input-wrapper,
|
|
1242
1249
|
.dl-modal dl-select.dl-select-loading .input-wrapper {
|
|
1243
1250
|
width: 100%;
|
|
1244
1251
|
border-radius: var(--dl-radius-sm);
|
|
1252
|
+
background-image: linear-gradient(
|
|
1253
|
+
to right,
|
|
1254
|
+
var(--dl-select-loading-col1) 10%,
|
|
1255
|
+
var(--dl-select-loading-col2) 18%,
|
|
1256
|
+
var(--dl-select-loading-col1) 33%
|
|
1257
|
+
);
|
|
1258
|
+
background-size: 800px 104px;
|
|
1245
1259
|
}
|
|
1246
1260
|
|
|
1247
1261
|
/* The popup is portalled to <body>, so it cannot be scoped to `.dl-form`. */
|