@microsoft/sp-component-base 1.16.1 → 1.17.0-beta.3

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 (57) hide show
  1. package/dist/467dc675-7cc5-4709-8aac-78e3b71bd2f6.manifest.json +72 -72
  2. package/dist/chunk.legacy-third-party-fabric-core-localfont_none_f116e3020ea59afe9c30.js +1 -0
  3. package/dist/index-internal-beta.d.ts +5 -0
  4. package/dist/index-internal-public.d.ts +5 -0
  5. package/dist/index-internal.d.ts +5 -0
  6. package/dist/{sp-component-base_en-us_ee18de6e19b14eb89178.js → sp-component-base_default_e6c42e836798d1199613.js} +1 -1
  7. package/dist/sp-component-base_en-us_e6c42e836798d1199613.js +1 -0
  8. package/dist/sp-component-base_qps-ploc_e6c42e836798d1199613.js +1 -0
  9. package/dist/sp-component-base_qps-ploca_e6c42e836798d1199613.js +1 -0
  10. package/dist/tsdoc-metadata.json +1 -1
  11. package/lib-commonjs/BaseComponent.js +22 -0
  12. package/lib-commonjs/DynamicDataSourceManager.js +11 -7
  13. package/lib-commonjs/IComponentPosition.js +3 -0
  14. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFont.scss.css +9247 -0
  15. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFontKillSwitchActivated.scss.css +11267 -0
  16. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-shim.scss.css +2063 -0
  17. package/lib-commonjs/chunks/legacy-third-party-fabric-core/{fabric-core-shimKillSwitchActivated.scss → fabric-core-shimKillSwitchActivated.scss.css} +222 -534
  18. package/lib-commonjs/chunks/legacy-third-party-fabric-core/iconDefinitions.css +2 -7
  19. package/lib-commonjs/common/KillSwitches.js +6 -10
  20. package/lib-commonjs/styles/{shimmer.module.scss → shimmer.module.scss.css} +2 -4
  21. package/package.json +17 -14
  22. package/dist/chunk.legacy-third-party-fabric-core-localfont_none_e3d3ee858da922ec12dd.js +0 -1
  23. package/dist/sp-component-base_default_ee18de6e19b14eb89178.js +0 -1
  24. package/dist/sp-component-base_qps-ploc_ee18de6e19b14eb89178.js +0 -1
  25. package/dist/sp-component-base_qps-ploca_ee18de6e19b14eb89178.js +0 -1
  26. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFont.scss +0 -29
  27. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFontKillSwitchActivated.scss +0 -21
  28. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Animation.scss +0 -173
  29. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_BrandIcon.scss +0 -19
  30. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Color.scss +0 -483
  31. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Font.scss +0 -397
  32. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Grid.scss +0 -24
  33. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Icon.Definitions.scss +0 -32
  34. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Icon.scss +0 -36
  35. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_References.scss +0 -27
  36. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Responsive.scss +0 -1009
  37. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Utility.scss +0 -56
  38. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Wrapper.scss +0 -42
  39. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Animation.Mixins.scss +0 -549
  40. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_BrandIcon.Mixins.scss +0 -36
  41. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Color.Mixins.scss +0 -407
  42. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Directionality.Mixins.scss +0 -334
  43. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Font.Mixins.scss +0 -403
  44. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_General.Mixins.scss +0 -228
  45. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Grid.Mixins.scss +0 -39
  46. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Icon.Mixins.scss +0 -4116
  47. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Responsive.Mixins.scss +0 -1487
  48. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_ScopedStyles.Mixins.scss +0 -21
  49. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Animation.Variables.scss +0 -11
  50. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_BrandIcon.Variables.scss +0 -14
  51. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Color.Variables.scss +0 -73
  52. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Font.Variables.scss +0 -45
  53. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_General.Variables.scss +0 -6
  54. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Icon.Variables.scss +0 -2672
  55. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Responsive.Variables.scss +0 -16
  56. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_ZIndex.Variables.scss +0 -14
  57. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-shim.scss +0 -2478
@@ -1,483 +0,0 @@
1
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
-
3
- //
4
- // Office UI Fabric
5
- // --------------------------------------------------
6
- // Fabric Core Color Mixins
7
-
8
- //== Background colors
9
- //
10
- // Theme colors
11
- .ms-bgColor-themeDark,
12
- .ms-bgColor-themeDark--hover:hover {
13
- @include ms-bgColor-themeDark;
14
- }
15
-
16
- .ms-bgColor-themeDarkAlt,
17
- .ms-bgColor-themeDarkAlt--hover:hover {
18
- @include ms-bgColor-themeDarkAlt;
19
- }
20
-
21
- .ms-bgColor-themeDarker,
22
- .ms-bgColor-themeDarker--hover:hover {
23
- @include ms-bgColor-themeDarker;
24
- }
25
-
26
- .ms-bgColor-themePrimary,
27
- .ms-bgColor-themePrimary--hover:hover {
28
- @include ms-bgColor-themePrimary;
29
- }
30
-
31
- .ms-bgColor-themeSecondary,
32
- .ms-bgColor-themeSecondary--hover:hover {
33
- @include ms-bgColor-themeSecondary;
34
- }
35
-
36
- .ms-bgColor-themeTertiary,
37
- .ms-bgColor-themeTertiary--hover:hover {
38
- @include ms-bgColor-themeTertiary;
39
- }
40
-
41
- .ms-bgColor-themeLight,
42
- .ms-bgColor-themeLight--hover:hover {
43
- @include ms-bgColor-themeLight;
44
- }
45
-
46
- .ms-bgColor-themeLighter,
47
- .ms-bgColor-themeLighter--hover:hover {
48
- @include ms-bgColor-themeLighter;
49
- }
50
-
51
- .ms-bgColor-themeLighterAlt,
52
- .ms-bgColor-themeLighterAlt--hover:hover {
53
- @include ms-bgColor-themeLighterAlt;
54
- }
55
-
56
- // Neutral colors
57
- .ms-bgColor-black,
58
- .ms-bgColor-black--hover:hover {
59
- @include ms-bgColor-black;
60
- }
61
-
62
- .ms-bgColor-neutralDark,
63
- .ms-bgColor-neutralDark--hover:hover {
64
- @include ms-bgColor-neutralDark;
65
- }
66
-
67
- .ms-bgColor-neutralPrimary,
68
- .ms-bgColor-neutralPrimary--hover:hover {
69
- @include ms-bgColor-neutralPrimary;
70
- }
71
-
72
- .ms-bgColor-neutralPrimaryAlt,
73
- .ms-bgColor-neutralPrimaryAlt--hover:hover {
74
- @include ms-bgColor-neutralPrimaryAlt;
75
- }
76
-
77
- .ms-bgColor-neutralSecondary,
78
- .ms-bgColor-neutralSecondary--hover:hover {
79
- @include ms-bgColor-neutralSecondary;
80
- }
81
-
82
- .ms-bgColor-neutralSecondaryAlt,
83
- .ms-bgColor-neutralSecondaryAlt--hover:hover {
84
- @include ms-bgColor-neutralSecondaryAlt;
85
- }
86
-
87
- .ms-bgColor-neutralTertiary,
88
- .ms-bgColor-neutralTertiary--hover:hover {
89
- @include ms-bgColor-neutralTertiary;
90
- }
91
-
92
- .ms-bgColor-neutralTertiaryAlt,
93
- .ms-bgColor-neutralTertiaryAlt--hover:hover {
94
- @include ms-bgColor-neutralTertiaryAlt;
95
- }
96
-
97
- .ms-bgColor-neutralLight,
98
- .ms-bgColor-neutralLight--hover:hover {
99
- @include ms-bgColor-neutralLight;
100
- }
101
-
102
- .ms-bgColor-neutralLighter,
103
- .ms-bgColor-neutralLighter--hover:hover {
104
- @include ms-bgColor-neutralLighter;
105
- }
106
-
107
- .ms-bgColor-neutralLighterAlt,
108
- .ms-bgColor-neutralLighterAlt--hover:hover {
109
- @include ms-bgColor-neutralLighterAlt;
110
- }
111
-
112
- .ms-bgColor-white,
113
- .ms-bgColor-white--hover:hover {
114
- @include ms-bgColor-white;
115
- }
116
-
117
- // Brand and accent colors
118
- .ms-bgColor-yellow,
119
- .ms-bgColor-yellow--hover:hover {
120
- @include ms-bgColor-yellow;
121
- }
122
-
123
- .ms-bgColor-yellowLight,
124
- .ms-bgColor-yellowLight--hover:hover {
125
- @include ms-bgColor-yellowLight;
126
- }
127
-
128
- .ms-bgColor-orange,
129
- .ms-bgColor-orange--hover:hover {
130
- @include ms-bgColor-orange;
131
- }
132
-
133
- .ms-bgColor-orangeLight,
134
- .ms-bgColor-orangeLight--hover:hover {
135
- @include ms-bgColor-orangeLight;
136
- }
137
-
138
- .ms-bgColor-orangeLighter,
139
- .ms-bgColor-orangeLighter--hover:hover {
140
- @include ms-bgColor-orangeLighter;
141
- }
142
-
143
- .ms-bgColor-redDark,
144
- .ms-bgColor-redDark--hover:hover {
145
- @include ms-bgColor-redDark;
146
- }
147
-
148
- .ms-bgColor-red,
149
- .ms-bgColor-red--hover:hover {
150
- @include ms-bgColor-red;
151
- }
152
-
153
- .ms-bgColor-magentaDark,
154
- .ms-bgColor-magentaDark--hover:hover {
155
- @include ms-bgColor-magentaDark;
156
- }
157
-
158
- .ms-bgColor-magenta,
159
- .ms-bgColor-magenta--hover:hover {
160
- @include ms-bgColor-magenta;
161
- }
162
-
163
- .ms-bgColor-magentaLight,
164
- .ms-bgColor-magentaLight--hover:hover {
165
- @include ms-bgColor-magentaLight;
166
- }
167
-
168
- .ms-bgColor-purpleDark,
169
- .ms-bgColor-purpleDark--hover:hover {
170
- @include ms-bgColor-purpleDark;
171
- }
172
-
173
- .ms-bgColor-purple,
174
- .ms-bgColor-purple--hover:hover {
175
- @include ms-bgColor-purple;
176
- }
177
-
178
- .ms-bgColor-purpleLight,
179
- .ms-bgColor-purpleLight--hover:hover {
180
- @include ms-bgColor-purpleLight;
181
- }
182
-
183
- .ms-bgColor-blueDark,
184
- .ms-bgColor-blueDark--hover:hover {
185
- @include ms-bgColor-blueDark;
186
- }
187
-
188
- .ms-bgColor-blueMid,
189
- .ms-bgColor-blueMid--hover:hover {
190
- @include ms-bgColor-blueMid;
191
- }
192
-
193
- .ms-bgColor-blue,
194
- .ms-bgColor-blue--hover:hover {
195
- @include ms-bgColor-blue;
196
- }
197
-
198
- .ms-bgColor-blueLight,
199
- .ms-bgColor-blueLight--hover:hover {
200
- @include ms-bgColor-blueLight;
201
- }
202
-
203
- .ms-bgColor-tealDark,
204
- .ms-bgColor-tealDark--hover:hover {
205
- @include ms-bgColor-tealDark;
206
- }
207
-
208
- .ms-bgColor-teal,
209
- .ms-bgColor-teal--hover:hover {
210
- @include ms-bgColor-teal;
211
- }
212
-
213
- .ms-bgColor-tealLight,
214
- .ms-bgColor-tealLight--hover:hover {
215
- @include ms-bgColor-tealLight;
216
- }
217
-
218
- .ms-bgColor-greenDark,
219
- .ms-bgColor-greenDark--hover:hover {
220
- @include ms-bgColor-greenDark;
221
- }
222
-
223
- .ms-bgColor-green,
224
- .ms-bgColor-green--hover:hover {
225
- @include ms-bgColor-green;
226
- }
227
-
228
- .ms-bgColor-greenLight,
229
- .ms-bgColor-greenLight--hover:hover {
230
- @include ms-bgColor-greenLight;
231
- }
232
-
233
- // Message colors
234
- .ms-bgColor-info,
235
- .ms-bgColor-info--hover:hover {
236
- @include ms-bgColor-info;
237
- }
238
-
239
- .ms-bgColor-success,
240
- .ms-bgColor-success--hover:hover {
241
- @include ms-bgColor-success;
242
- }
243
-
244
- .ms-bgColor-severeWarning,
245
- .ms-bgColor-severeWarning--hover:hover {
246
- @include ms-bgColor-severeWarning;
247
- }
248
-
249
- .ms-bgColor-warning,
250
- .ms-bgColor-warning--hover:hover {
251
- @include ms-bgColor-warning;
252
- }
253
-
254
- .ms-bgColor-error,
255
- .ms-bgColor-error--hover:hover {
256
- @include ms-bgColor-error;
257
- }
258
-
259
- //== Border colors
260
- //
261
-
262
- // Theme colors
263
- .ms-borderColor-themeDark,
264
- .ms-borderColor-themeDark--hover:hover {
265
- @include ms-borderColor-themeDark;
266
- }
267
-
268
- .ms-borderColor-themeDarkAlt,
269
- .ms-borderColor-themeDarkAlt--hover:hover {
270
- @include ms-borderColor-themeDarkAlt;
271
- }
272
-
273
- .ms-borderColor-themeDarker,
274
- .ms-borderColor-themeDarker--hover:hover {
275
- @include ms-borderColor-themeDarker;
276
- }
277
-
278
- .ms-borderColor-themePrimary,
279
- .ms-borderColor-themePrimary--hover:hover {
280
- @include ms-borderColor-themePrimary;
281
- }
282
-
283
- .ms-borderColor-themeSecondary,
284
- .ms-borderColor-themeSecondary--hover:hover {
285
- @include ms-borderColor-themeSecondary;
286
- }
287
-
288
- .ms-borderColor-themeTertiary,
289
- .ms-borderColor-themeTertiary--hover:hover {
290
- @include ms-borderColor-themeTertiary;
291
- }
292
-
293
- .ms-borderColor-themeLight,
294
- .ms-borderColor-themeLight--hover:hover {
295
- @include ms-borderColor-themeLight;
296
- }
297
-
298
- .ms-borderColor-themeLighter,
299
- .ms-borderColor-themeLighter--hover:hover {
300
- @include ms-borderColor-themeLighter;
301
- }
302
-
303
- .ms-borderColor-themeLighterAlt,
304
- .ms-borderColor-themeLighterAlt--hover:hover {
305
- @include ms-borderColor-themeLighterAlt;
306
- }
307
-
308
- // Neutral colors
309
- .ms-borderColor-black,
310
- .ms-borderColor-black--hover:hover {
311
- @include ms-borderColor-black;
312
- }
313
-
314
- .ms-borderColor-neutralDark,
315
- .ms-borderColor-neutralDark--hover:hover {
316
- @include ms-borderColor-neutralDark;
317
- }
318
-
319
- .ms-borderColor-neutralPrimary,
320
- .ms-borderColor-neutralPrimary--hover:hover {
321
- @include ms-borderColor-neutralPrimary;
322
- }
323
-
324
- .ms-borderColor-neutralPrimaryAlt,
325
- .ms-borderColor-neutralPrimaryAlt--hover:hover {
326
- @include ms-borderColor-neutralPrimaryAlt;
327
- }
328
-
329
- .ms-borderColor-neutralSecondary,
330
- .ms-borderColor-neutralSecondary--hover:hover {
331
- @include ms-borderColor-neutralSecondary;
332
- }
333
-
334
- .ms-borderColor-neutralSecondaryAlt,
335
- .ms-borderColor-neutralSecondaryAlt--hover:hover {
336
- @include ms-borderColor-neutralSecondaryAlt;
337
- }
338
-
339
- .ms-borderColor-neutralTertiary,
340
- .ms-borderColor-neutralTertiary--hover:hover {
341
- @include ms-borderColor-neutralTertiary;
342
- }
343
-
344
- .ms-borderColor-neutralTertiaryAlt,
345
- .ms-borderColor-neutralTertiaryAlt--hover:hover {
346
- @include ms-borderColor-neutralTertiaryAlt;
347
- }
348
-
349
- .ms-borderColor-neutralLight,
350
- .ms-borderColor-neutralLight--hover:hover {
351
- @include ms-borderColor-neutralLight;
352
- }
353
-
354
- .ms-borderColor-neutralLighter,
355
- .ms-borderColor-neutralLighter--hover:hover {
356
- @include ms-borderColor-neutralLighter;
357
- }
358
-
359
- .ms-borderColor-neutralLighterAlt,
360
- .ms-borderColor-neutralLighterAlt--hover:hover {
361
- @include ms-borderColor-neutralLighterAlt;
362
- }
363
-
364
- .ms-borderColor-white,
365
- .ms-borderColor-white--hover:hover {
366
- @include ms-borderColor-white;
367
- }
368
-
369
- // Brand and accent colors
370
- .ms-borderColor-yellow,
371
- .ms-borderColor-yellow--hover:hover {
372
- @include ms-borderColor-yellow;
373
- }
374
-
375
- .ms-borderColor-yellowLight,
376
- .ms-borderColor-yellowLight--hover:hover {
377
- @include ms-borderColor-yellowLight;
378
- }
379
-
380
- .ms-borderColor-orange,
381
- .ms-borderColor-orange--hover:hover {
382
- @include ms-borderColor-orange;
383
- }
384
-
385
- .ms-borderColor-orangeLight,
386
- .ms-borderColor-orangeLight--hover:hover {
387
- @include ms-borderColor-orangeLight;
388
- }
389
-
390
- .ms-borderColor-orangeLighter,
391
- .ms-borderColor-orangeLighter--hover:hover {
392
- @include ms-borderColor-orangeLighter;
393
- }
394
-
395
- .ms-borderColor-redDark,
396
- .ms-borderColor-redDark--hover:hover {
397
- @include ms-borderColor-redDark;
398
- }
399
-
400
- .ms-borderColor-red,
401
- .ms-borderColor-red--hover:hover {
402
- @include ms-borderColor-red;
403
- }
404
-
405
- .ms-borderColor-magentaDark,
406
- .ms-borderColor-magentaDark--hover:hover {
407
- @include ms-borderColor-magentaDark;
408
- }
409
-
410
- .ms-borderColor-magenta,
411
- .ms-borderColor-magenta--hover:hover {
412
- @include ms-borderColor-magenta;
413
- }
414
-
415
- .ms-borderColor-magentaLight,
416
- .ms-borderColor-magentaLight--hover:hover {
417
- @include ms-borderColor-magentaLight;
418
- }
419
-
420
- .ms-borderColor-purpleDark,
421
- .ms-borderColor-purpleDark--hover:hover {
422
- @include ms-borderColor-purpleDark;
423
- }
424
-
425
- .ms-borderColor-purple,
426
- .ms-borderColor-purple--hover:hover {
427
- @include ms-borderColor-purple;
428
- }
429
-
430
- .ms-borderColor-purpleLight,
431
- .ms-borderColor-purpleLight--hover:hover {
432
- @include ms-borderColor-purpleLight;
433
- }
434
-
435
- .ms-borderColor-blueDark,
436
- .ms-borderColor-blueDark--hover:hover {
437
- @include ms-borderColor-blueDark;
438
- }
439
-
440
- .ms-borderColor-blueMid,
441
- .ms-borderColor-blueMid--hover:hover {
442
- @include ms-borderColor-blueMid;
443
- }
444
-
445
- .ms-borderColor-blue,
446
- .ms-borderColor-blue--hover:hover {
447
- @include ms-borderColor-blue;
448
- }
449
-
450
- .ms-borderColor-blueLight,
451
- .ms-borderColor-blueLight--hover:hover {
452
- @include ms-borderColor-blueLight;
453
- }
454
-
455
- .ms-borderColor-tealDark,
456
- .ms-borderColor-tealDark--hover:hover {
457
- @include ms-borderColor-tealDark;
458
- }
459
-
460
- .ms-borderColor-teal,
461
- .ms-borderColor-teal--hover:hover {
462
- @include ms-borderColor-teal;
463
- }
464
-
465
- .ms-borderColor-tealLight,
466
- .ms-borderColor-tealLight--hover:hover {
467
- @include ms-borderColor-tealLight;
468
- }
469
-
470
- .ms-borderColor-greenDark,
471
- .ms-borderColor-greenDark--hover:hover {
472
- @include ms-borderColor-greenDark;
473
- }
474
-
475
- .ms-borderColor-green,
476
- .ms-borderColor-green--hover:hover {
477
- @include ms-borderColor-green;
478
- }
479
-
480
- .ms-borderColor-greenLight,
481
- .ms-borderColor-greenLight--hover:hover {
482
- @include ms-borderColor-greenLight;
483
- }