gd-bs 6.3.3 → 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 (26) 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/form/control.js +14 -0
  5. package/build/components/iconLink/index.js +1 -1
  6. package/build/components/navbar/item.js +1 -1
  7. package/dist/gd-bs-icons.js +1 -1
  8. package/dist/gd-bs-icons.js.LICENSE.txt +293 -297
  9. package/dist/gd-bs-icons.min.js +1 -1
  10. package/dist/gd-bs.d.ts +2 -0
  11. package/dist/gd-bs.js +1 -1
  12. package/dist/gd-bs.js.LICENSE.txt +266 -278
  13. package/dist/gd-bs.min.js +1 -1
  14. package/package.json +14 -14
  15. package/pnpm-lock.yaml +1046 -1055
  16. package/src/bs.scss +10 -6
  17. package/src/components/button/index.ts +1 -1
  18. package/src/components/dropdown/item.ts +1 -1
  19. package/src/components/form/control.ts +14 -0
  20. package/src/components/form/controlTypes.d.ts +2 -0
  21. package/src/components/iconLink/index.ts +1 -1
  22. package/src/components/navbar/item.ts +1 -1
  23. package/src/styles/_custom.scss +196 -146
  24. package/src/styles/_dataTables.scss +5 -5
  25. package/src/styles/_root.scss +47 -0
  26. package/src/styles/_tippy.scss +65 -50
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
  }