gd-bs 6.4.7 → 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.
Files changed (9) hide show
  1. package/build/bs.js +1 -1
  2. package/dist/gd-bs-icons.js +1 -1
  3. package/dist/gd-bs-icons.min.js +1 -1
  4. package/dist/gd-bs.js +1 -1
  5. package/dist/gd-bs.min.js +1 -1
  6. package/package.json +1 -1
  7. package/src/styles/_custom.scss +8 -4
  8. package/src/styles/_dataTables.scss +1 -1
  9. package/src/styles/_tippy.scss +27 -45
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gd-bs",
3
- "version": "6.4.7",
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",
package/src/styles/_custom.scss CHANGED
@@ -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;
package/src/styles/_dataTables.scss CHANGED
@@ -15,7 +15,7 @@ table.dataTable {
15
15
 
16
16
  /* Match table striping to the theme */
17
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%);
18
+ box-shadow: inset 0 0 0 9999px color-mix(in srgb, var(--sp-black, #000000), transparent 95%) !important;
19
19
  }
20
20
 
21
21
  /* Table text color */
package/src/styles/_tippy.scss CHANGED
@@ -1,206 +1,188 @@
1
- /* Tippy Tooltip primary theme color */
1
+ /* Style the Tippy arrow */
2
+ .tippy-arrow {
3
+ color: var(--sp-primary-text, #333333);
4
+ }
2
5
 
6
+ /* Tippy Tooltip primary theme color */
3
7
  .tippy-box[data-theme~='primary'] {
4
8
  background-color: var(--sp-theme-primary, #0078d4);
5
9
  color: var(--sp-white, #ffffff);
6
10
  }
7
-
8
11
  .tippy-box[data-theme~='primary'][data-placement^='top']>.tippy-arrow::before {
9
12
  border-top-color: var(--sp-theme-primary, #0078d4);
10
13
  }
11
-
12
14
  .tippy-box[data-theme~='primary'][data-placement^='bottom']>.tippy-arrow::before {
13
15
  border-bottom-color: var(--sp-theme-primary, #0078d4);
14
16
  }
15
-
16
17
  .tippy-box[data-theme~='primary'][data-placement^='left']>.tippy-arrow::before {
17
18
  border-left-color: var(--sp-theme-primary, #0078d4);
18
19
  }
19
-
20
20
  .tippy-box[data-theme~='primary'][data-placement^='right']>.tippy-arrow::before {
21
21
  border-right-color: var(--sp-theme-primary, #0078d4);
22
22
  }
23
23
 
24
24
  /* Tippy Tooltip secondary theme color */
25
-
26
25
  .tippy-box[data-theme~='secondary'] {
27
26
  background-color: var(--sp-info-icon, #605e5c);
28
27
  color: var(--sp-white, #ffffff);
29
28
  }
30
-
31
29
  .tippy-box[data-theme~='secondary'][data-placement^='top']>.tippy-arrow::before {
32
30
  border-top-color: var(--sp-info-icon, #605e5c);
33
31
  }
34
-
35
32
  .tippy-box[data-theme~='secondary'][data-placement^='bottom']>.tippy-arrow::before {
36
33
  border-bottom-color: var(--sp-info-icon, #605e5c);
37
34
  }
38
-
39
35
  .tippy-box[data-theme~='secondary'][data-placement^='left']>.tippy-arrow::before {
40
36
  border-left-color: var(--sp-info-icon, #605e5c);
41
37
  }
42
-
43
38
  .tippy-box[data-theme~='secondary'][data-placement^='right']>.tippy-arrow::before {
44
39
  border-right-color: var(--sp-info-icon, #605e5c);
45
40
  }
46
41
 
47
42
  /* Tippy Tooltip success theme color */
48
-
49
43
  .tippy-box[data-theme~='success'] {
50
44
  background-color: var(--sp-success-icon, #107c10);
51
45
  color: var(--sp-white, #ffffff);
52
46
  }
53
-
54
47
  .tippy-box[data-theme~='success'][data-placement^='top']>.tippy-arrow::before {
55
48
  border-top-color: var(--sp-success-icon, #107c10);
56
49
  }
57
-
58
50
  .tippy-box[data-theme~='success'][data-placement^='bottom']>.tippy-arrow::before {
59
51
  border-bottom-color: var(--sp-success-icon, #107c10);
60
52
  }
61
-
62
53
  .tippy-box[data-theme~='success'][data-placement^='left']>.tippy-arrow::before {
63
54
  border-left-color: var(--sp-success-icon, #107c10);
64
55
  }
65
-
66
56
  .tippy-box[data-theme~='success'][data-placement^='right']>.tippy-arrow::before {
67
57
  border-right-color: var(--sp-success-icon, #107c10);
68
58
  }
69
59
 
70
60
  /* Tippy Tooltip info theme color */
71
-
72
61
  .tippy-box[data-theme~='info'] {
73
62
  background-color: var(--sp-accent, #8764b8);
74
63
  color: var(--sp-black, #000000);
75
64
  }
76
-
77
65
  .tippy-box[data-theme~='info'][data-placement^='top']>.tippy-arrow::before {
78
66
  border-top-color: var(--sp-accent, #8764b8);
79
67
  }
80
-
81
68
  .tippy-box[data-theme~='info'][data-placement^='bottom']>.tippy-arrow::before {
82
69
  border-bottom-color: var(--sp-accent, #8764b8);
83
70
  }
84
-
85
71
  .tippy-box[data-theme~='info'][data-placement^='left']>.tippy-arrow::before {
86
72
  border-left-color: var(--sp-accent, #8764b8);
87
73
  }
88
-
89
74
  .tippy-box[data-theme~='info'][data-placement^='right']>.tippy-arrow::before {
90
75
  border-right-color: var(--sp-accent, #8764b8);
91
76
  }
92
77
 
93
78
  /* Tippy Tooltip warning theme color */
94
-
95
79
  .tippy-box[data-theme~='warning'] {
96
80
  background-color: var(--sp-severe-warning-icon, #d83b01);
97
81
  color: var(--sp-black, #000000);
98
82
  }
99
-
100
83
  .tippy-box[data-theme~='warning'][data-placement^='top']>.tippy-arrow::before {
101
84
  border-top-color: var(--sp-severe-warning-icon, #d83b01);
102
85
  }
103
-
104
86
  .tippy-box[data-theme~='warning'][data-placement^='bottom']>.tippy-arrow::before {
105
87
  border-bottom-color: var(--sp-severe-warning-icon, #d83b01);
106
88
  }
107
-
108
89
  .tippy-box[data-theme~='warning'][data-placement^='left']>.tippy-arrow::before {
109
90
  border-left-color: var(--sp-severe-warning-icon, #d83b01);
110
91
  }
111
-
112
92
  .tippy-box[data-theme~='warning'][data-placement^='right']>.tippy-arrow::before {
113
93
  border-right-color: var(--sp-severe-warning-icon, #d83b01);
114
94
  }
115
95
 
116
96
  /* Tippy Tooltip danger theme color */
117
-
118
97
  .tippy-box[data-theme~='danger'] {
119
98
  background-color: var(--sp-error-icon, #a80000);
120
99
  color: var(--sp-white, #ffffff);
121
100
  }
122
-
123
101
  .tippy-box[data-theme~='danger'][data-placement^='top']>.tippy-arrow::before {
124
102
  border-top-color: var(--sp-error-icon, #a80000);
125
103
  }
126
-
127
104
  .tippy-box[data-theme~='danger'][data-placement^='bottom']>.tippy-arrow::before {
128
105
  border-bottom-color: var(--sp-error-icon, #a80000);
129
106
  }
130
-
131
107
  .tippy-box[data-theme~='danger'][data-placement^='left']>.tippy-arrow::before {
132
108
  border-left-color: var(--sp-error-icon, #a80000);
133
109
  }
134
-
135
110
  .tippy-box[data-theme~='danger'][data-placement^='right']>.tippy-arrow::before {
136
111
  border-right-color: var(--sp-error-icon, #a80000);
137
112
  }
138
113
 
139
114
  /* Tippy Tooltip light theme color - override Tippy default to match Bootstrap */
140
-
141
115
  .tippy-box[data-theme~='light'] {
142
116
  background-color: var(--sp-neutral-lighter, #f3f2f1) !important;
143
117
  color: var(--sp-black, #000000) !important;
144
118
  }
145
-
146
119
  .tippy-box[data-theme~='light'][data-placement^='top']>.tippy-arrow::before {
147
120
  border-top-color: var(--sp-neutral-lighter, #f3f2f1) !important;
148
121
  }
149
-
150
122
  .tippy-box[data-theme~='light'][data-placement^='bottom']>.tippy-arrow::before {
151
123
  border-bottom-color: var(--sp-neutral-lighter, #f3f2f1) !important;
152
124
  }
153
-
154
125
  .tippy-box[data-theme~='light'][data-placement^='left']>.tippy-arrow::before {
155
126
  border-left-color: var(--sp-neutral-lighter, #f3f2f1) !important;
156
127
  }
157
-
158
128
  .tippy-box[data-theme~='light'][data-placement^='right']>.tippy-arrow::before {
159
129
  border-right-color: var(--sp-neutral-lighter, #f3f2f1) !important;
160
130
  }
161
131
 
162
- /* Tippy Tooltip dark theme color */
132
+ /* Tippy Tooltip light-border theme color - override Tippy default to match Bootstrap */
133
+ .tippy-box[data-theme~='light-border'] {
134
+ background-color: var(--sp-white, #ffffff) !important;
135
+ border-color: var(--sp-neutral-quaternary, #d2d0ce) !important;
136
+ color: var(--sp-primary-text, #333333) !important;
137
+ }
138
+ .tippy-box[data-theme~='light-border'][data-placement^='top']>.tippy-arrow::before {
139
+ border-top-color: var(--sp-white, #ffffff) !important;
140
+ }
141
+ .tippy-box[data-theme~='light-border'][data-placement^='bottom']>.tippy-arrow::before {
142
+ border-bottom-color: var(--sp-white, #ffffff) !important;
143
+ }
144
+ .tippy-box[data-theme~='light-border'][data-placement^='left']>.tippy-arrow::before {
145
+ border-left-color: var(--sp-white, #ffffff) !important;
146
+ }
147
+ .tippy-box[data-theme~='light-border'][data-placement^='right']>.tippy-arrow::before {
148
+ border-right-color: var(--sp-white, #ffffff) !important;
149
+ }
150
+ .tippy-box[data-theme~='light-border'][data-placement^='top']>.tippy-arrow::after {
151
+ border-top-color: var(--sp-neutral-quaternary, #d2d0ce) !important;
152
+ }
163
153
 
154
+ /* Tippy Tooltip dark theme color */
164
155
  .tippy-box[data-theme~='dark'] {
165
156
  background-color: var(--sp-neutral-dark, #201f1e);
166
157
  color: var(--sp-white, #ffffff);
167
158
  }
168
-
169
159
  .tippy-box[data-theme~='dark'][data-placement^='top']>.tippy-arrow::before {
170
160
  border-top-color: var(--sp-neutral-dark, #201f1e);
171
161
  }
172
-
173
162
  .tippy-box[data-theme~='dark'][data-placement^='bottom']>.tippy-arrow::before {
174
163
  border-bottom-color: var(--sp-neutral-dark, #201f1e);
175
164
  }
176
-
177
165
  .tippy-box[data-theme~='dark'][data-placement^='left']>.tippy-arrow::before {
178
166
  border-left-color: var(--sp-neutral-dark, #201f1e);
179
167
  }
180
-
181
168
  .tippy-box[data-theme~='dark'][data-placement^='right']>.tippy-arrow::before {
182
169
  border-right-color: var(--sp-neutral-dark, #201f1e);
183
170
  }
184
171
 
185
172
  /* Tippy Tooltip SharePoint theme color */
186
-
187
173
  .tippy-box[data-theme~='sharepoint'] {
188
174
  background-color: var(--sp-theme-dark, #005a9e);
189
175
  color: var(--sp-white, #ffffff);
190
176
  }
191
-
192
177
  .tippy-box[data-theme~='sharepoint'][data-placement^='top']>.tippy-arrow::before {
193
178
  border-top-color: var(--sp-theme-dark, #005a9e);
194
179
  }
195
-
196
180
  .tippy-box[data-theme~='sharepoint'][data-placement^='bottom']>.tippy-arrow::before {
197
181
  border-bottom-color: var(--sp-theme-dark, #005a9e);
198
182
  }
199
-
200
183
  .tippy-box[data-theme~='sharepoint'][data-placement^='left']>.tippy-arrow::before {
201
184
  border-left-color: var(--sp-theme-dark, #005a9e);
202
185
  }
203
-
204
186
  .tippy-box[data-theme~='sharepoint'][data-placement^='right']>.tippy-arrow::before {
205
187
  border-right-color: var(--sp-theme-dark, #005a9e);
206
188
  }