gd-bs 6.3.4 → 6.3.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.
Files changed (22) hide show
  1. package/build/bs.js +1 -1
  2. package/build/components/button/index.js +1 -1
  3. package/build/components/dropdown/item.js +1 -1
  4. package/build/components/iconLink/index.js +1 -1
  5. package/build/components/navbar/item.js +1 -1
  6. package/dist/gd-bs-icons.js +1 -1
  7. package/dist/gd-bs-icons.js.LICENSE.txt +83 -87
  8. package/dist/gd-bs-icons.min.js +1 -1
  9. package/dist/gd-bs.js +1 -1
  10. package/dist/gd-bs.js.LICENSE.txt +56 -68
  11. package/dist/gd-bs.min.js +1 -1
  12. package/package.json +13 -13
  13. package/pnpm-lock.yaml +1042 -1051
  14. package/src/bs.scss +10 -6
  15. package/src/components/button/index.ts +1 -1
  16. package/src/components/dropdown/item.ts +1 -1
  17. package/src/components/iconLink/index.ts +1 -1
  18. package/src/components/navbar/item.ts +1 -1
  19. package/src/styles/_custom.scss +196 -146
  20. package/src/styles/_dataTables.scss +5 -5
  21. package/src/styles/_root.scss +47 -0
  22. package/src/styles/_tippy.scss +65 -50
package/src/styles/_dataTables.scss CHANGED
@@ -40,25 +40,25 @@ table.dataTable thead .sorting_desc_disabled:after {
40
40
  /* Bootstrap Icon: caret-up */
41
41
 
42
42
  table.dataTable thead .sorting {
43
- background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' 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>");
43
+ background-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>");
44
44
  }
45
45
 
46
46
 
47
47
  /* Bootstrap Icon: caret-up-fill */
48
48
 
49
49
  table.dataTable thead .sorting_asc {
50
- background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' 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>");
50
+ background-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>");
51
51
  }
52
52
 
53
53
 
54
54
  /* Bootstrap Icon: caret-down-fill */
55
55
 
56
56
  table.dataTable thead .sorting_desc {
57
- background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' 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>");
57
+ background-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>");
58
58
  }
59
59
 
60
60
  /* Color match colReorder line */
61
61
 
62
62
  div.DTCR_pointer {
63
- background-color: #0078d4;
64
- }
63
+ background-color: var(--sp-theme-accent, #0078d4);
64
+ }
package/src/styles/_root.scss ADDED
@@ -0,0 +1,47 @@
1
+ /** Root Styles */
2
+ :root {
3
+ --sp-accent: #8764b8;
4
+ --sp-black: #000000;
5
+ --sp-error-icon: #a80000;
6
+ --sp-neutral-dark: #201f1e;
7
+ --sp-neutral-light: #edebe9;
8
+ --sp-neutral-lighter: #f3f2f1;
9
+ --sp-neutral-lighter-alt: #faf9f8;
10
+ --sp-neutral-primary: #323130;
11
+ --sp-neutral-primary-alt: #3b3a39;
12
+ --sp-neutral-secondary: #605e5c;
13
+ --sp-neutral-secondary-alt: #8a8886;
14
+ --sp-neutral-tertiary: #a19f9d;
15
+ --sp-neutral-tertiary-alt: #c8c6c4;
16
+ --sp-neutral-quaternary: #d2d0ce;
17
+ --sp-neutral-quaternary-alt: #e1dfdd;
18
+ --sp-primary-text: #ffffff;
19
+ --sp-severe-warning-icon: #d83b01;
20
+ --sp-success-icon: #107c10;
21
+ --sp-theme-accent: #0078d4;
22
+ --sp-theme-dark: #005a9e;
23
+ --sp-theme-darker: #004578;
24
+ --sp-theme-dark-alt: #106ebe;
25
+ --sp-theme-light: #c7e0f4;
26
+ --sp-theme-lighter: #deecf9;
27
+ --sp-theme-lighter-alt: #eff6fc;
28
+ --sp-theme-primary: #0078d4;
29
+ --sp-theme-secondary: #2b88d8;
30
+ --sp-theme-tertiary: #71afe5;
31
+ --sp-warning-highlight: #ffb900;
32
+ --sp-white: #ffffff;
33
+
34
+ --bs-primary: var(--sp-theme-primary);
35
+ --bs-secondary: var(--sp-neutral-secondary);
36
+ --bs-success: var(--sp-success-icon);
37
+ --bs-info: var(--sp-accent);
38
+ --bs-warning: var(--sp-severe-warning-icon);
39
+ --bs-danger: var(--sp-error-icon);
40
+ --bs-light: var(--sp-neutral-lighter-alt);
41
+ --bs-dark: var(--sp-neutral-dark);
42
+ --bs-body-bg: var(--sp-primary-text);
43
+ --bs-body-color: var(--sp-neutral-dark);
44
+ --bs-border-color: var(--sp-neutral-quaternary);
45
+ --bs-link-color: var(--sp-theme-primary);
46
+ --bs-modal-color: var(--sp-primary-text);
47
+ }
package/src/styles/_tippy.scss CHANGED
@@ -1,185 +1,200 @@
1
1
  /* Tippy Tooltip primary theme color */
2
2
 
3
3
  .tippy-box[data-theme~='primary'] {
4
- background-color: #0078d4;
4
+ background-color: var(--sp-theme-primary, #0078d4);
5
5
  }
6
6
 
7
7
  .tippy-box[data-theme~='primary'][data-placement^='top']>.tippy-arrow::before {
8
- border-top-color: #0078d4;
8
+ border-top-color: var(--sp-theme-primary, #0078d4);
9
9
  }
10
10
 
11
11
  .tippy-box[data-theme~='primary'][data-placement^='bottom']>.tippy-arrow::before {
12
- border-bottom-color: #0078d4;
12
+ border-bottom-color: var(--sp-theme-primary, #0078d4);
13
13
  }
14
14
 
15
15
  .tippy-box[data-theme~='primary'][data-placement^='left']>.tippy-arrow::before {
16
- border-left-color: #0078d4;
16
+ border-left-color: var(--sp-theme-primary, #0078d4);
17
17
  }
18
18
 
19
19
  .tippy-box[data-theme~='primary'][data-placement^='right']>.tippy-arrow::before {
20
- border-right-color: #0078d4;
20
+ border-right-color: var(--sp-theme-primary, #0078d4);
21
21
  }
22
22
 
23
-
24
23
  /* Tippy Tooltip secondary theme color */
25
24
 
26
25
  .tippy-box[data-theme~='secondary'] {
27
- background-color: #6c757d;
26
+ background-color: var(--sp-neutral-secondary, #605e5c);
28
27
  }
29
28
 
30
29
  .tippy-box[data-theme~='secondary'][data-placement^='top']>.tippy-arrow::before {
31
- border-top-color: #6c757d;
30
+ border-top-color: var(--sp-neutral-secondary, #605e5c);
32
31
  }
33
32
 
34
33
  .tippy-box[data-theme~='secondary'][data-placement^='bottom']>.tippy-arrow::before {
35
- border-bottom-color: #6c757d;
34
+ border-bottom-color: var(--sp-neutral-secondary, #605e5c);
36
35
  }
37
36
 
38
37
  .tippy-box[data-theme~='secondary'][data-placement^='left']>.tippy-arrow::before {
39
- border-left-color: #6c757d;
38
+ border-left-color: var(--sp-neutral-secondary, #605e5c);
40
39
  }
41
40
 
42
41
  .tippy-box[data-theme~='secondary'][data-placement^='right']>.tippy-arrow::before {
43
- border-right-color: #6c757d;
42
+ border-right-color: var(--sp-neutral-secondary, #605e5c);
44
43
  }
45
44
 
46
-
47
45
  /* Tippy Tooltip success theme color */
48
46
 
49
47
  .tippy-box[data-theme~='success'] {
50
- background-color: #198754;
48
+ background-color: var(--sp-success-icon, #107c10);
51
49
  }
52
50
 
53
51
  .tippy-box[data-theme~='success'][data-placement^='top']>.tippy-arrow::before {
54
- border-top-color: #198754;
52
+ border-top-color: var(--sp-success-icon, #107c10);
55
53
  }
56
54
 
57
55
  .tippy-box[data-theme~='success'][data-placement^='bottom']>.tippy-arrow::before {
58
- border-bottom-color: #198754;
56
+ border-bottom-color: var(--sp-success-icon, #107c10);
59
57
  }
60
58
 
61
59
  .tippy-box[data-theme~='success'][data-placement^='left']>.tippy-arrow::before {
62
- border-left-color: #198754;
60
+ border-left-color: var(--sp-success-icon, #107c10);
63
61
  }
64
62
 
65
63
  .tippy-box[data-theme~='success'][data-placement^='right']>.tippy-arrow::before {
66
- border-right-color: #198754;
64
+ border-right-color: var(--sp-success-icon, #107c10);
67
65
  }
68
66
 
69
-
70
67
  /* Tippy Tooltip info theme color */
71
68
 
72
69
  .tippy-box[data-theme~='info'] {
73
- background-color: #0dcaf0;
74
- color: #000;
70
+ background-color: var(--sp-accent, #8764b8);
71
+ color: var(--sp-black, #000000);
75
72
  }
76
73
 
77
74
  .tippy-box[data-theme~='info'][data-placement^='top']>.tippy-arrow::before {
78
- border-top-color: #0dcaf0;
75
+ border-top-color: var(--sp-accent, #8764b8);
79
76
  }
80
77
 
81
78
  .tippy-box[data-theme~='info'][data-placement^='bottom']>.tippy-arrow::before {
82
- border-bottom-color: #0dcaf0;
79
+ border-bottom-color: var(--sp-accent, #8764b8);
83
80
  }
84
81
 
85
82
  .tippy-box[data-theme~='info'][data-placement^='left']>.tippy-arrow::before {
86
- border-left-color: #0dcaf0;
83
+ border-left-color: var(--sp-accent, #8764b8);
87
84
  }
88
85
 
89
86
  .tippy-box[data-theme~='info'][data-placement^='right']>.tippy-arrow::before {
90
- border-right-color: #0dcaf0;
87
+ border-right-color: var(--sp-accent, #8764b8);
91
88
  }
92
89
 
93
-
94
90
  /* Tippy Tooltip warning theme color */
95
91
 
96
92
  .tippy-box[data-theme~='warning'] {
97
- background-color: #ffc107;
98
- color: #000;
93
+ background-color: var(--sp-severe-warning-icon, #d83b01);
94
+ color: var(--sp-black, #000000);
99
95
  }
100
96
 
101
97
  .tippy-box[data-theme~='warning'][data-placement^='top']>.tippy-arrow::before {
102
- border-top-color: #ffc107;
98
+ border-top-color: var(--sp-severe-warning-icon, #d83b01);
103
99
  }
104
100
 
105
101
  .tippy-box[data-theme~='warning'][data-placement^='bottom']>.tippy-arrow::before {
106
- border-bottom-color: #ffc107;
102
+ border-bottom-color: var(--sp-severe-warning-icon, #d83b01);
107
103
  }
108
104
 
109
105
  .tippy-box[data-theme~='warning'][data-placement^='left']>.tippy-arrow::before {
110
- border-left-color: #ffc107;
106
+ border-left-color: var(--sp-severe-warning-icon, #d83b01);
111
107
  }
112
108
 
113
109
  .tippy-box[data-theme~='warning'][data-placement^='right']>.tippy-arrow::before {
114
- border-right-color: #ffc107;
110
+ border-right-color: var(--sp-severe-warning-icon, #d83b01);
115
111
  }
116
112
 
117
-
118
113
  /* Tippy Tooltip danger theme color */
119
114
 
120
115
  .tippy-box[data-theme~='danger'] {
121
- background-color: #dc3545;
116
+ background-color: var(--sp-error-icon, #a80000);
122
117
  }
123
118
 
124
119
  .tippy-box[data-theme~='danger'][data-placement^='top']>.tippy-arrow::before {
125
- border-top-color: #dc3545;
120
+ border-top-color: var(--sp-error-icon, #a80000);
126
121
  }
127
122
 
128
123
  .tippy-box[data-theme~='danger'][data-placement^='bottom']>.tippy-arrow::before {
129
- border-bottom-color: #dc3545;
124
+ border-bottom-color: var(--sp-error-icon, #a80000);
130
125
  }
131
126
 
132
127
  .tippy-box[data-theme~='danger'][data-placement^='left']>.tippy-arrow::before {
133
- border-left-color: #dc3545;
128
+ border-left-color: var(--sp-error-icon, #a80000);
134
129
  }
135
130
 
136
131
  .tippy-box[data-theme~='danger'][data-placement^='right']>.tippy-arrow::before {
137
- border-right-color: #dc3545;
132
+ border-right-color: var(--sp-error-icon, #a80000);
138
133
  }
139
134
 
140
-
141
135
  /* Tippy Tooltip light theme color - override Tippy default to match Bootstrap */
142
136
 
143
137
  .tippy-box[data-theme~='light'] {
144
- background-color: #f8f9fa !important;
145
- color: #000 !important;
138
+ background-color: var(--sp-neutral-lighter-alt, #faf9f8) !important;
139
+ color: var(--sp-black, #000000) !important;
146
140
  }
147
141
 
148
142
  .tippy-box[data-theme~='light'][data-placement^='top']>.tippy-arrow::before {
149
- border-top-color: #f8f9fa !important;
143
+ border-top-color: var(--sp-neutral-lighter-alt, #faf9f8) !important;
150
144
  }
151
145
 
152
146
  .tippy-box[data-theme~='light'][data-placement^='bottom']>.tippy-arrow::before {
153
- border-bottom-color: #f8f9fa !important;
147
+ border-bottom-color: var(--sp-neutral-lighter-alt, #faf9f8) !important;
154
148
  }
155
149
 
156
150
  .tippy-box[data-theme~='light'][data-placement^='left']>.tippy-arrow::before {
157
- border-left-color: #f8f9fa !important;
151
+ border-left-color: var(--sp-neutral-lighter-alt, #faf9f8) !important;
158
152
  }
159
153
 
160
154
  .tippy-box[data-theme~='light'][data-placement^='right']>.tippy-arrow::before {
161
- border-right-color: #f8f9fa !important;
155
+ border-right-color: var(--sp-neutral-lighter-alt, #faf9f8) !important;
162
156
  }
163
157
 
164
-
165
158
  /* Tippy Tooltip dark theme color */
166
159
 
167
160
  .tippy-box[data-theme~='dark'] {
168
- background-color: #212529;
161
+ background-color: var(--sp-neutral-dark, #201f1e);
169
162
  }
170
163
 
171
164
  .tippy-box[data-theme~='dark'][data-placement^='top']>.tippy-arrow::before {
172
- border-top-color: #212529;
165
+ border-top-color: var(--sp-neutral-dark, #201f1e);
173
166
  }
174
167
 
175
168
  .tippy-box[data-theme~='dark'][data-placement^='bottom']>.tippy-arrow::before {
176
- border-bottom-color: #212529;
169
+ border-bottom-color: var(--sp-neutral-dark, #201f1e);
177
170
  }
178
171
 
179
172
  .tippy-box[data-theme~='dark'][data-placement^='left']>.tippy-arrow::before {
180
- border-left-color: #212529;
173
+ border-left-color: var(--sp-neutral-dark, #201f1e);
181
174
  }
182
175
 
183
176
  .tippy-box[data-theme~='dark'][data-placement^='right']>.tippy-arrow::before {
184
- border-right-color: #212529;
177
+ border-right-color: var(--sp-neutral-dark, #201f1e);
178
+ }
179
+
180
+ /* Tippy Tooltip SharePoint theme color */
181
+
182
+ .tippy-box[data-theme~='sharepoint'] {
183
+ background-color: var(--sp-theme-dark, #005a9e);
184
+ }
185
+
186
+ .tippy-box[data-theme~='sharepoint'][data-placement^='top']>.tippy-arrow::before {
187
+ border-top-color: var(--sp-theme-dark, #005a9e);
188
+ }
189
+
190
+ .tippy-box[data-theme~='sharepoint'][data-placement^='bottom']>.tippy-arrow::before {
191
+ border-bottom-color: var(--sp-theme-dark, #005a9e);
192
+ }
193
+
194
+ .tippy-box[data-theme~='sharepoint'][data-placement^='left']>.tippy-arrow::before {
195
+ border-left-color: var(--sp-theme-dark, #005a9e);
196
+ }
197
+
198
+ .tippy-box[data-theme~='sharepoint'][data-placement^='right']>.tippy-arrow::before {
199
+ border-right-color: var(--sp-theme-dark, #005a9e);
185
200
  }