gd-bs 6.5.7 → 6.5.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.5.7",
3
+ "version": "6.5.9",
4
4
  "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
5
5
  "main": "build/index.js",
6
6
  "typings": "src/index.d.ts",
@@ -9,5 +9,5 @@ export const HTMLItem = `
9
9
  <div class="card-body">
10
10
  <div class="card-title h5"></div>
11
11
  <div class="card-subtitle h6"></div>
12
- <div class="card-text p"></div>
12
+ <div class="card-text"></div>
13
13
  </div>`.trim();
@@ -103,6 +103,7 @@ export interface ICardBody<T = Element> {
103
103
  export interface ICardFooter<T = Element> {
104
104
  className?: string;
105
105
  content?: string | T;
106
+ data?: any;
106
107
  onRender?: (el?: HTMLElement, card?: ICardFooter) => void;
107
108
  }
108
109
 
@@ -112,6 +113,7 @@ export interface ICardFooter<T = Element> {
112
113
  export interface ICardHeader<T = Element> {
113
114
  className?: string;
114
115
  content?: string | T;
116
+ data?: any;
115
117
  onRender?: (el?: HTMLElement, card?: ICardHeader) => void;
116
118
  nav?: INavProps;
117
119
  }
@@ -173,6 +173,18 @@
173
173
  --bs-btn-disabled-color: var(--sp-success-icon, #107c10);
174
174
  --bs-btn-disabled-border-color: var(--sp-success-icon, #107c10);
175
175
  }
176
+ .btn-outline-warning {
177
+ --bs-btn-color: var(--sp-severe-warning-icon, #d83b01);
178
+ --bs-btn-border-color: var(--sp-severe-warning-icon, #d83b01);
179
+ --bs-btn-hover-color: var(--sp-white, #ffffff);
180
+ --bs-btn-hover-bg: var(--sp-severe-warning-icon, #d83b01);
181
+ --bs-btn-hover-border-color: var(--sp-severe-warning-icon, #d83b01);
182
+ --bs-btn-active-color: var(--sp-white, #ffffff);
183
+ --bs-btn-active-bg: var(--sp-severe-warning-icon, #d83b01);
184
+ --bs-btn-active-border-color: var(--sp-severe-warning-icon, #d83b01);
185
+ --bs-btn-disabled-color: var(--sp-severe-warning-icon, #d83b01);
186
+ --bs-btn-disabled-border-color: var(--sp-severe-warning-icon, #d83b01);
187
+ }
176
188
  .btn-primary {
177
189
  --bs-btn-color: var(--sp-white, #ffffff);
178
190
  --bs-btn-bg: var(--sp-theme-primary, #0078d4);
@@ -228,6 +240,9 @@
228
240
  }
229
241
  .card {
230
242
  --bs-card-border-color: var(--bs-border-color);
243
+ --bs-card-cap-bg: color-mix(in srgb, var(--sp-black, #000000), transparent 95%);
244
+ --bs-card-cap-color: var(--bs-body-color);
245
+ --bs-card-color: var(--bs-body-color);
231
246
  }
232
247
  .carousel-caption {
233
248
  color: var(--sp-neutral-dark, #201f1e) !important;
@@ -363,8 +378,8 @@
363
378
  --bs-list-group-active-bg: var(--sp-theme-primary, #0078d4);
364
379
  --bs-list-group-active-border-color: var(--sp-theme-primary, #0078d4);
365
380
  }
366
- .modal-content {
367
- color: var(--sp-neutral-dark, #201f1e);
381
+ .modal {
382
+ --bs-modal-color: var(--bs-body-color);
368
383
  }
369
384
  /* Increase modal border size */
370
385
  .modal-footer {
@@ -78,7 +78,7 @@
78
78
  /* Tippy Tooltip warning theme color */
79
79
  .tippy-box[data-theme~='warning'] {
80
80
  background-color: var(--sp-severe-warning-icon, #d83b01);
81
- color: var(--sp-black, #000000);
81
+ color: var(--sp-white, #ffffff);
82
82
  }
83
83
  .tippy-box[data-theme~='warning'][data-placement^='top']>.tippy-arrow::before {
84
84
  border-top-color: var(--sp-severe-warning-icon, #d83b01);