gd-bs 6.4.4 → 6.4.5
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/build/bs.js +1 -1
- package/dist/gd-bs-icons.js +1 -1
- package/dist/gd-bs-icons.js.LICENSE.txt +0 -8
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.js +1 -1
- package/dist/gd-bs.min.js +1 -1
- package/package.json +1 -1
- package/src/styles/_custom.scss +27 -19
- package/src/styles/_dataTables.scss +6 -3
package/package.json
CHANGED
package/src/styles/_custom.scss
CHANGED
|
@@ -285,6 +285,17 @@
|
|
|
285
285
|
border-color: var(--sp-neutral-light, #edebe9);
|
|
286
286
|
color: var(--sp-neutral-tertiary, #a19f9d);
|
|
287
287
|
}
|
|
288
|
+
/* Fix validation styling */
|
|
289
|
+
.form-control.is-invalid {
|
|
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
|
+
background-image: var(--bs-control-invalid-image);
|
|
292
|
+
border-color: var(--sp-error-icon, #a80000) !important;
|
|
293
|
+
}
|
|
294
|
+
.form-control.is-valid {
|
|
295
|
+
--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");
|
|
296
|
+
background-image: var(--bs-control-valid-image);
|
|
297
|
+
border-color: var(--sp-success-icon, #107c10) !important;
|
|
298
|
+
}
|
|
288
299
|
.form-control::placeholder {
|
|
289
300
|
color: var(--sp-info-icon, #605e5c);
|
|
290
301
|
}
|
|
@@ -293,14 +304,23 @@
|
|
|
293
304
|
}
|
|
294
305
|
/* Bootstrap Icon: Custom - caret-up-fill + caret-down-fill */
|
|
295
306
|
.form-select {
|
|
296
|
-
|
|
297
|
-
border-color: var(--sp-info-icon, #605e5c);
|
|
307
|
+
--bs-form-select-bg-img: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 25.333' fill='%23605e5c' width='1em' height='1em'><path d='M0.34 8.03C-0.44 8.92 0.2 10.32 1.38 10.32C2.71 10.32 13.3 10.32 14.62 10.32C15.38 10.32 16 9.7 16 8.94C16 8.61 15.88 8.28 15.66 8.03C15 7.28 9.7 1.23 9.04 0.47C8.54 -0.1 7.67 -0.16 7.09 0.34C7.05 0.38 7 0.43 6.96 0.47C6.96 0.47 1.01 7.28 0.34 8.03Z'/><path d='M0.34 17.3C-0.44 16.41 0.2 15.01 1.38 15.01C2.71 15.01 13.3 15.01 14.62 15.01C15.38 15.01 16 15.63 16 16.39C16 16.73 15.88 17.05 15.66 17.3C15 18.06 9.7 24.11 9.04 24.86C8.54 25.43 7.67 25.49 7.09 24.99C7.05 24.95 7 24.91 6.96 24.86C6.96 24.86 1.01 18.06 0.34 17.3Z'/></svg>");
|
|
298
308
|
}
|
|
299
309
|
/* Color match form-select active */
|
|
300
310
|
.form-select:active, .form-select:focus {
|
|
301
311
|
border-color: var(--sp-theme-secondary, #2b88d8);
|
|
302
312
|
box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--sp-theme-tertiary, #71afe5), transparent 65%);
|
|
303
313
|
}
|
|
314
|
+
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
|
|
315
|
+
--bs-select-invalid-image: var(--bs-form-select-bg-img),var(--bs-control-invalid-image);
|
|
316
|
+
background-image: var(--bs-select-invalid-image);
|
|
317
|
+
border-color: var(--sp-error-icon, #a80000) !important;
|
|
318
|
+
}
|
|
319
|
+
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
|
|
320
|
+
--bs-select-valid-image: var(--bs-form-select-bg-img),var(--bs-control-valid-image);
|
|
321
|
+
background-image: var(--bs-select-valid-image);
|
|
322
|
+
border-color: var(--sp-success-icon, #107c10) !important;
|
|
323
|
+
}
|
|
304
324
|
/* Fix text width on dataTables_length */
|
|
305
325
|
.form-select-sm {
|
|
306
326
|
background-size: 8px 10px;
|
|
@@ -526,6 +546,11 @@
|
|
|
526
546
|
table.dataTable {
|
|
527
547
|
margin-top: 0rem !important;
|
|
528
548
|
}
|
|
549
|
+
.table {
|
|
550
|
+
--bs-table-striped-bg: color-mix(in srgb, var(--sp-black, #000000), transparent 95%);
|
|
551
|
+
--bs-table-active-bg: color-mix(in srgb, var(--sp-black, #000000), transparent 90%);
|
|
552
|
+
--bs-table-hover-bg: color-mix(in srgb, var(--sp-black, #000000), transparent 92%);
|
|
553
|
+
}
|
|
529
554
|
.table>:not(caption)>*>* {
|
|
530
555
|
color: var(--sp-neutral-dark, #201f1e);
|
|
531
556
|
}
|
|
@@ -586,25 +611,9 @@
|
|
|
586
611
|
.w-5 {
|
|
587
612
|
width: 5% !important;
|
|
588
613
|
}
|
|
589
|
-
/* Fix validation styling */
|
|
590
|
-
.form-control.is-invalid {
|
|
591
|
-
border-color: var(--sp-error-icon, #a80000) !important;
|
|
592
|
-
background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23a80000%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23a80000%27 stroke=%27none%27/></svg>");
|
|
593
|
-
}
|
|
594
|
-
.form-control.is-valid {
|
|
595
|
-
border-color: var(--sp-success-icon, #107c10) !important;
|
|
596
|
-
background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23107c10%27 d=%27M2.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%27/></svg>");
|
|
597
|
-
}
|
|
598
|
-
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
|
|
599
|
-
background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 16 25.333%27 fill=%27%23605e5c%27 width=%271em%27 height=%271em%27><path d=%27M0.34 8.03C-0.44 8.92 0.2 10.32 1.38 10.32C2.71 10.32 13.3 10.32 14.62 10.32C15.38 10.32 16 9.7 16 8.94C16 8.61 15.88 8.28 15.66 8.03C15 7.28 9.7 1.23 9.04 0.47C8.54 -0.1 7.67 -0.16 7.09 0.34C7.05 0.38 7 0.43 6.96 0.47C6.96 0.47 1.01 7.28 0.34 8.03Z%27/><path d=%27M0.34 17.3C-0.44 16.41 0.2 15.01 1.38 15.01C2.71 15.01 13.3 15.01 14.62 15.01C15.38 15.01 16 15.63 16 16.39C16 16.73 15.88 17.05 15.66 17.3C15 18.06 9.7 24.11 9.04 24.86C8.54 25.43 7.67 25.49 7.09 24.99C7.05 24.95 7 24.91 6.96 24.86C6.96 24.86 1.01 18.06 0.34 17.3Z%27/></svg>"),url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23a80000%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23a80000%27 stroke=%27none%27/%3e%3c/svg%3e");
|
|
600
|
-
}
|
|
601
|
-
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
|
|
602
|
-
background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 16 25.333%27 fill=%27%23605e5c%27 width=%271em%27 height=%271em%27><path d=%27M0.34 8.03C-0.44 8.92 0.2 10.32 1.38 10.32C2.71 10.32 13.3 10.32 14.62 10.32C15.38 10.32 16 9.7 16 8.94C16 8.61 15.88 8.28 15.66 8.03C15 7.28 9.7 1.23 9.04 0.47C8.54 -0.1 7.67 -0.16 7.09 0.34C7.05 0.38 7 0.43 6.96 0.47C6.96 0.47 1.01 7.28 0.34 8.03Z%27/><path d=%27M0.34 17.3C-0.44 16.41 0.2 15.01 1.38 15.01C2.71 15.01 13.3 15.01 14.62 15.01C15.38 15.01 16 15.63 16 16.39C16 16.73 15.88 17.05 15.66 17.3C15 18.06 9.7 24.11 9.04 24.86C8.54 25.43 7.67 25.49 7.09 24.99C7.05 24.95 7 24.91 6.96 24.86C6.96 24.86 1.01 18.06 0.34 17.3Z%27/></svg>"),url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23107c10%27 d=%27M2.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%27/%3e%3c/svg%3e");
|
|
603
|
-
}
|
|
604
614
|
}
|
|
605
615
|
|
|
606
616
|
/** Modal background - Shouldn't be under the .bs class */
|
|
607
|
-
|
|
608
617
|
.modal-backdrop {
|
|
609
618
|
--bs-backdrop-zindex: #{$zindex-modal-backdrop};
|
|
610
619
|
--bs-backdrop-bg: #{$modal-backdrop-bg};
|
|
@@ -614,7 +623,6 @@
|
|
|
614
623
|
}
|
|
615
624
|
|
|
616
625
|
/** Offcanvas background - Shouldn't be under the .bs class */
|
|
617
|
-
|
|
618
626
|
.offcanvas-backdrop {
|
|
619
627
|
@include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity);
|
|
620
628
|
}
|
|
@@ -34,17 +34,20 @@ table.dataTable thead .sorting_desc_disabled:after {
|
|
|
34
34
|
|
|
35
35
|
/* Bootstrap Icon: caret-up */
|
|
36
36
|
table.dataTable thead .sorting {
|
|
37
|
-
|
|
37
|
+
--dt-sorting-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23605e5c' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.204 11L8 5.519 12.796 11H3.204zm-.753-.659l4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z'/></svg>");
|
|
38
|
+
background-image: var(--dt-sorting-image);
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
/* Bootstrap Icon: caret-up-fill */
|
|
41
42
|
table.dataTable thead .sorting_asc {
|
|
42
|
-
|
|
43
|
+
--dt-sorting-asc-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23605e5c' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/></svg>");
|
|
44
|
+
background-image: var(--dt-sorting-asc-image);
|
|
43
45
|
}
|
|
44
46
|
|
|
45
47
|
/* Bootstrap Icon: caret-down-fill */
|
|
46
48
|
table.dataTable thead .sorting_desc {
|
|
47
|
-
|
|
49
|
+
--dt-sorting-desc-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23605e5c' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
|
|
50
|
+
background-image: var(--dt-sorting-desc-image);
|
|
48
51
|
}
|
|
49
52
|
|
|
50
53
|
/* Color match colReorder line */
|