gd-bs 6.4.1 → 6.4.2

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.1",
3
+ "version": "6.4.2",
4
4
  "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
5
5
  "main": "build/index.js",
6
6
  "typings": "src/index.d.ts",
@@ -12,19 +12,24 @@
12
12
  a:active, .link-primary:active {
13
13
  color: var(--sp-theme-light, #c7e0f4);
14
14
  }
15
- /* Color match accordion on focus */
16
- .accordion-button:focus {
17
- border-color: var(--sp-theme-secondary, #2b88d8);
18
- box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--sp-theme-tertiary, #71afe5), transparent 65%);
19
- }
20
- /* Color match accordion while expanded */
21
- .accordion-button:not(.collapsed) {
22
- background-color: var(--sp-theme-light, #c7e0f4);
23
- color: var(--sp-theme-primary, #0078d4);
15
+ /* Color match accordion */
16
+ .accordion {
17
+ --bs-accordion-btn-focus-border-color: var(--sp-theme-secondary, #2b88d8);
18
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--sp-theme-tertiary, #71afe5), transparent 65%);
19
+ --bs-accordion-active-bg: var(--sp-theme-light, #c7e0f4);
20
+ --bs-accordion-active-color: var(--sp-theme-primary, #0078d4);
21
+ }
22
+ .accordion-button::after {
23
+ background: transparent;
24
+ background-color: var(--sp-neutral-dark, #201f1e);
25
+ -webkit-mask: var(--bs-accordion-btn-icon);
26
+ -webkit-mask-repeat: no-repeat;
24
27
  }
25
- /* Color match accordion while expanded */
26
28
  .accordion-button:not(.collapsed)::after {
27
- background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%230078d4%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
29
+ background: transparent;
30
+ background-color: var(--sp-theme-darker, #004578);
31
+ -webkit-mask: var(--bs-accordion-btn-active-icon);
32
+ -webkit-mask-repeat: no-repeat;
28
33
  }
29
34
  .bg-primary {
30
35
  background-color: var(--sp-theme-primary, #0078d4) !important;
@@ -63,7 +68,6 @@
63
68
  /* Close button adjustments */
64
69
  .btn-close {
65
70
  --bs-btn-close-color: var(--sp-black, #000000);
66
- --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
67
71
  background: transparent;
68
72
  background-color: var(--bs-btn-close-color);
69
73
  min-width: auto;
@@ -72,7 +76,6 @@
72
76
  -webkit-mask-origin: content-box;
73
77
  -webkit-mask-position: center;
74
78
  -webkit-mask-repeat: no-repeat;
75
- -webkit-mask-size: auto;
76
79
  }
77
80
  .btn:focus-visible {
78
81
  background-color: var(--sp-neutral-dark, #201f1e);
@@ -300,14 +303,11 @@
300
303
  background-color: var(--sp-theme-primary, #0078d4);
301
304
  transition: background-color 0.2s;
302
305
  -webkit-mask: var(--bs-form-check-bg-image);
303
- -webkit-mask-origin: border-box;
304
- -webkit-mask-position: center;
305
- -webkit-mask-repeat: no-repeat;
306
- -webkit-mask-size: contain;
307
306
  }
308
307
  /* Fix checkbox label alignment */
309
308
  .form-check:not(.form-switch) .form-check-label {
310
- margin-left: 0.5rem;
309
+ margin-left: .5rem;
310
+ margin-top: .25rem;
311
311
  }
312
312
  /** Color match the toggle background color to 'SharePoint Blue' */
313
313
  .form-check-input:checked {
@@ -82,5 +82,5 @@
82
82
  --bs-form-invalid-color: var(--sp-error-icon);
83
83
  --bs-form-invalid-border-color: var(--sp-error-icon);
84
84
  --bs-modal-color: var(--sp-white);
85
- --dt-html-background: var(--sp-white);
85
+ --dt-html-background: var(--sp-white) !important;
86
86
  }