gd-bs 6.4.4 → 6.4.6
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 -34
- package/src/styles/_dataTables.scss +31 -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;
|
|
@@ -318,7 +338,7 @@
|
|
|
318
338
|
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23faf9f8'/%3e%3c/svg%3e");
|
|
319
339
|
}
|
|
320
340
|
}
|
|
321
|
-
|
|
341
|
+
:not(.btn-group).invert, .btn-group.invert::after, img.invert {
|
|
322
342
|
filter: invert(1);
|
|
323
343
|
}
|
|
324
344
|
.line-limit-1 {
|
|
@@ -522,20 +542,10 @@
|
|
|
522
542
|
svg.icon-svg path {
|
|
523
543
|
fill: currentColor;
|
|
524
544
|
}
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
.table>:not(caption)>*>* {
|
|
530
|
-
color: var(--sp-neutral-dark, #201f1e);
|
|
531
|
-
}
|
|
532
|
-
/* Match the table header to the table footer; size & color */
|
|
533
|
-
.table>:not(:last-child)>:last-child>* {
|
|
534
|
-
border-bottom: 3px solid var(--sp-neutral-quaternary, #d2d0ce);
|
|
535
|
-
}
|
|
536
|
-
/* Match the table footer to the table header; size & color */
|
|
537
|
-
.tbl-footer {
|
|
538
|
-
border-bottom: 2px solid var(--sp-neutral-quaternary, #d2d0ce);
|
|
545
|
+
.table {
|
|
546
|
+
--bs-table-striped-bg: color-mix(in srgb, var(--sp-black, #000000), transparent 95%);
|
|
547
|
+
--bs-table-active-bg: color-mix(in srgb, var(--sp-black, #000000), transparent 90%);
|
|
548
|
+
--bs-table-hover-bg: color-mix(in srgb, var(--sp-black, #000000), transparent 92%);
|
|
539
549
|
}
|
|
540
550
|
/* Add the default text color */
|
|
541
551
|
.text-body {
|
|
@@ -586,25 +596,9 @@
|
|
|
586
596
|
.w-5 {
|
|
587
597
|
width: 5% !important;
|
|
588
598
|
}
|
|
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
599
|
}
|
|
605
600
|
|
|
606
601
|
/** Modal background - Shouldn't be under the .bs class */
|
|
607
|
-
|
|
608
602
|
.modal-backdrop {
|
|
609
603
|
--bs-backdrop-zindex: #{$zindex-modal-backdrop};
|
|
610
604
|
--bs-backdrop-bg: #{$modal-backdrop-bg};
|
|
@@ -614,7 +608,6 @@
|
|
|
614
608
|
}
|
|
615
609
|
|
|
616
610
|
/** Offcanvas background - Shouldn't be under the .bs class */
|
|
617
|
-
|
|
618
611
|
.offcanvas-backdrop {
|
|
619
612
|
@include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity);
|
|
620
613
|
}
|
|
@@ -8,6 +8,31 @@ div.dataTables_wrapper div.dataTables_length select {
|
|
|
8
8
|
width: 3.75rem;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
/* Fix extra top margin in Firefox */
|
|
12
|
+
table.dataTable {
|
|
13
|
+
margin-top: 0rem !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* Match table striping to the theme */
|
|
17
|
+
table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
|
|
18
|
+
box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--sp-black, #000000), transparent 95%);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* Table text color */
|
|
22
|
+
.table>:not(caption)>*>* {
|
|
23
|
+
color: var(--sp-neutral-dark, #201f1e);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* Match the table header to the table footer; size & color */
|
|
27
|
+
.table>:not(:last-child)>:last-child>* {
|
|
28
|
+
border-bottom: 3px solid var(--sp-neutral-quaternary, #d2d0ce);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* Match the table footer to the table header; size & color */
|
|
32
|
+
.tbl-footer {
|
|
33
|
+
border-bottom: 2px solid var(--sp-neutral-quaternary, #d2d0ce);
|
|
34
|
+
}
|
|
35
|
+
|
|
11
36
|
/* Be sure to escape any characters, such as # to %23 when specifying hex color values in background-image */
|
|
12
37
|
/* DataTables sorting with Bootstrap Icons */
|
|
13
38
|
table.dataTable thead .sorting,
|
|
@@ -34,17 +59,20 @@ table.dataTable thead .sorting_desc_disabled:after {
|
|
|
34
59
|
|
|
35
60
|
/* Bootstrap Icon: caret-up */
|
|
36
61
|
table.dataTable thead .sorting {
|
|
37
|
-
|
|
62
|
+
--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>");
|
|
63
|
+
background-image: var(--dt-sorting-image);
|
|
38
64
|
}
|
|
39
65
|
|
|
40
66
|
/* Bootstrap Icon: caret-up-fill */
|
|
41
67
|
table.dataTable thead .sorting_asc {
|
|
42
|
-
|
|
68
|
+
--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>");
|
|
69
|
+
background-image: var(--dt-sorting-asc-image);
|
|
43
70
|
}
|
|
44
71
|
|
|
45
72
|
/* Bootstrap Icon: caret-down-fill */
|
|
46
73
|
table.dataTable thead .sorting_desc {
|
|
47
|
-
|
|
74
|
+
--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>");
|
|
75
|
+
background-image: var(--dt-sorting-desc-image);
|
|
48
76
|
}
|
|
49
77
|
|
|
50
78
|
/* Color match colReorder line */
|