gd-bs 6.4.8 → 6.4.9

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gd-bs",
3
- "version": "6.4.8",
3
+ "version": "6.4.9",
4
4
  "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
5
5
  "main": "build/index.js",
6
6
  "typings": "src/index.d.ts",
@@ -286,13 +286,17 @@
286
286
  color: var(--sp-neutral-tertiary, #a19f9d);
287
287
  }
288
288
  /* Fix validation styling */
289
- .form-control.is-invalid {
289
+ .form-control:invalid, .form-control.is-invalid, .form-select:invalid, .form-select.is-invalid {
290
290
  --bs-control-invalid-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23a80000'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23a80000' stroke='none'/%3e%3c/svg%3e");
291
+ }
292
+ .form-control:invalid, .form-control.is-invalid {
291
293
  background-image: var(--bs-control-invalid-image);
292
294
  border-color: var(--sp-error-icon, #a80000) !important;
293
295
  }
294
- .form-control.is-valid {
296
+ .form-control:valid, .form-control.is-valid, .form-select:valid, .form-select.is-valid {
295
297
  --bs-control-valid-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23107c10' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
298
+ }
299
+ .form-control:valid, .form-control.is-valid {
296
300
  background-image: var(--bs-control-valid-image);
297
301
  border-color: var(--sp-success-icon, #107c10) !important;
298
302
  }
@@ -311,12 +315,12 @@
311
315
  border-color: var(--sp-theme-secondary, #2b88d8);
312
316
  box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--sp-theme-tertiary, #71afe5), transparent 65%);
313
317
  }
314
- .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
318
+ .form-select:invalid:not([multiple]):not([size]), .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
315
319
  --bs-select-invalid-image: var(--bs-form-select-bg-img),var(--bs-control-invalid-image);
316
320
  background-image: var(--bs-select-invalid-image);
317
321
  border-color: var(--sp-error-icon, #a80000) !important;
318
322
  }
319
- .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
323
+ .form-select:valid:not([multiple]):not([size]), .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
320
324
  --bs-select-valid-image: var(--bs-form-select-bg-img),var(--bs-control-valid-image);
321
325
  background-image: var(--bs-select-valid-image);
322
326
  border-color: var(--sp-success-icon, #107c10) !important;