@microsoft/sp-component-base 1.16.0 → 1.17.0-beta.1

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 (56) 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_c240cee2b23dc4a14fc6.js +1 -0
  3. package/dist/index-internal-beta.d.ts +3 -0
  4. package/dist/index-internal-public.d.ts +3 -0
  5. package/dist/index-internal.d.ts +3 -0
  6. package/dist/{sp-component-base_en-us_d4446bf0123164fe451d.js → sp-component-base_default_6641f4d95d4250ba4161.js} +1 -1
  7. package/dist/sp-component-base_en-us_6641f4d95d4250ba4161.js +1 -0
  8. package/dist/sp-component-base_qps-ploc_6641f4d95d4250ba4161.js +1 -0
  9. package/dist/sp-component-base_qps-ploca_6641f4d95d4250ba4161.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/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFont.scss.css +9247 -0
  14. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFontKillSwitchActivated.scss.css +11267 -0
  15. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-shim.scss.css +2063 -0
  16. package/lib-commonjs/chunks/legacy-third-party-fabric-core/{fabric-core-shimKillSwitchActivated.scss → fabric-core-shimKillSwitchActivated.scss.css} +222 -534
  17. package/lib-commonjs/chunks/legacy-third-party-fabric-core/iconDefinitions.css +2 -7
  18. package/lib-commonjs/common/KillSwitches.js +6 -10
  19. package/lib-commonjs/styles/{shimmer.module.scss → shimmer.module.scss.css} +2 -4
  20. package/package.json +16 -13
  21. package/dist/chunk.legacy-third-party-fabric-core-localfont_none_85ad8a843c3d40a967bd.js +0 -1
  22. package/dist/sp-component-base_default_d4446bf0123164fe451d.js +0 -1
  23. package/dist/sp-component-base_qps-ploc_d4446bf0123164fe451d.js +0 -1
  24. package/dist/sp-component-base_qps-ploca_d4446bf0123164fe451d.js +0 -1
  25. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFont.scss +0 -29
  26. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/Fabric.LocalFontKillSwitchActivated.scss +0 -21
  27. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Animation.scss +0 -173
  28. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_BrandIcon.scss +0 -19
  29. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Color.scss +0 -483
  30. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Font.scss +0 -397
  31. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Grid.scss +0 -24
  32. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Icon.Definitions.scss +0 -32
  33. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Icon.scss +0 -36
  34. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_References.scss +0 -27
  35. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Responsive.scss +0 -1009
  36. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Utility.scss +0 -56
  37. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/_Wrapper.scss +0 -42
  38. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Animation.Mixins.scss +0 -549
  39. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_BrandIcon.Mixins.scss +0 -36
  40. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Color.Mixins.scss +0 -407
  41. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Directionality.Mixins.scss +0 -334
  42. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Font.Mixins.scss +0 -403
  43. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_General.Mixins.scss +0 -228
  44. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Grid.Mixins.scss +0 -39
  45. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Icon.Mixins.scss +0 -4116
  46. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_Responsive.Mixins.scss +0 -1487
  47. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/mixins/_ScopedStyles.Mixins.scss +0 -21
  48. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Animation.Variables.scss +0 -11
  49. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_BrandIcon.Variables.scss +0 -14
  50. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Color.Variables.scss +0 -73
  51. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Font.Variables.scss +0 -45
  52. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_General.Variables.scss +0 -6
  53. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Icon.Variables.scss +0 -2672
  54. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_Responsive.Variables.scss +0 -16
  55. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-sass/variables/_ZIndex.Variables.scss +0 -14
  56. package/lib-commonjs/chunks/legacy-third-party-fabric-core/fabric-core-shim.scss +0 -2478
@@ -1,397 +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
-
7
- // Super Styles (LIMITED USE)
8
- // Weights: Light
9
- .ms-font-su {
10
- @include ms-font-su;
11
- }
12
- // No touch class for Super
13
-
14
- // Extra-Extra-Large
15
- // Allowed weights: Light, SemiLight
16
- .ms-font-xxl {
17
- @include ms-font-xxl;
18
- }
19
-
20
- // Extra-Large Plus Styles
21
- // Allowed weights: Light, SemiLight
22
- .ms-font-xl-plus {
23
- @include ms-font-xl-plus;
24
- }
25
-
26
- // Extra-Large Styles
27
- // Allowed weights: Light, SemiLight
28
- .ms-font-xl {
29
- @include ms-font-xl;
30
- }
31
-
32
- // Large Styles
33
- // Allowed weights: SemiLight, Regular, Semibold
34
- .ms-font-l {
35
- @include ms-font-l;
36
- }
37
-
38
- // Medium Plus Styles
39
- // Allowed weights: SemiLight, Regular, Semibold
40
- .ms-font-m-plus {
41
- @include ms-font-m-plus;
42
- }
43
-
44
- // Medium Styles
45
- // Allowed weights: SemiLight, Regular, Semibold
46
- .ms-font-m {
47
- @include ms-font-m;
48
- }
49
-
50
- // Small Plus Styles
51
- // Allowed weights: SemiLight, Regular, Semibold
52
- .ms-font-s-plus {
53
- @include ms-font-s-plus;
54
- }
55
-
56
- // Small Styles
57
- // Allowed weights: SemiLight, Regular, Semibold
58
- .ms-font-s {
59
- @include ms-font-s;
60
- }
61
-
62
- // XS Styles
63
- // Allowed weights: SemiLight, Regular, Semibold
64
- .ms-font-xs {
65
- @include ms-font-xs;
66
- }
67
-
68
- // Micro Styles (LIMITED USE)
69
- // Weights: Semibold
70
- .ms-font-mi {
71
- @include ms-font-mi;
72
- }
73
-
74
- //== Helper classes & mixins
75
- //
76
- // Helper mixins to override default type values
77
-
78
- // Font weights
79
- .ms-fontWeight-light {
80
- @include ms-fontWeight-light;
81
- }
82
-
83
- .ms-fontWeight-semilight {
84
- @include ms-fontWeight-semilight;
85
- }
86
-
87
- .ms-fontWeight-regular {
88
- @include ms-fontWeight-regular;
89
- }
90
-
91
- .ms-fontWeight-semibold {
92
- @include ms-fontWeight-semibold;
93
- }
94
-
95
- .ms-fontWeight-bold {
96
- @include ms-fontWeight-bold;
97
- }
98
-
99
- // Font sizes
100
- .ms-fontSize-su {
101
- @include ms-fontSize-su;
102
- }
103
-
104
- .ms-fontSize-xxl {
105
- @include ms-fontSize-xxl;
106
- }
107
-
108
- .ms-fontSize-xlPlus {
109
- @include ms-fontSize-xlPlus;
110
- }
111
-
112
- .ms-fontSize-xl {
113
- @include ms-fontSize-xl;
114
- }
115
-
116
- .ms-fontSize-l {
117
- @include ms-fontSize-l;
118
- }
119
-
120
- .ms-fontSize-mPlus {
121
- @include ms-fontSize-mPlus;
122
- }
123
-
124
- .ms-fontSize-m {
125
- @include ms-fontSize-m;
126
- }
127
-
128
- .ms-fontSize-sPlus {
129
- @include ms-fontSize-sPlus;
130
- }
131
-
132
- .ms-fontSize-s {
133
- @include ms-fontSize-s;
134
- }
135
-
136
- .ms-fontSize-xs {
137
- @include ms-fontSize-xs;
138
- }
139
-
140
- .ms-fontSize-mi {
141
- @include ms-fontSize-mi;
142
- }
143
-
144
- // Theme colors
145
- .ms-fontColor-themeDarker,
146
- .ms-fontColor-themeDarker--hover:hover {
147
- @include ms-fontColor-themeDarker;
148
- }
149
-
150
- .ms-fontColor-themeDark,
151
- .ms-fontColor-themeDark--hover:hover {
152
- @include ms-fontColor-themeDark;
153
- }
154
-
155
- .ms-fontColor-themeDarkAlt,
156
- .ms-fontColor-themeDarkAlt--hover:hover {
157
- @include ms-fontColor-themeDarkAlt;
158
- }
159
-
160
- .ms-fontColor-themePrimary,
161
- .ms-fontColor-themePrimary--hover:hover {
162
- @include ms-fontColor-themePrimary;
163
- }
164
-
165
- .ms-fontColor-themeSecondary,
166
- .ms-fontColor-themeSecondary--hover:hover {
167
- @include ms-fontColor-themeSecondary;
168
- }
169
-
170
- .ms-fontColor-themeTertiary,
171
- .ms-fontColor-themeTertiary--hover:hover {
172
- @include ms-fontColor-themeTertiary;
173
- }
174
-
175
- .ms-fontColor-themeLight,
176
- .ms-fontColor-themeLight--hover:hover {
177
- @include ms-fontColor-themeLight;
178
- }
179
-
180
- .ms-fontColor-themeLighter,
181
- .ms-fontColor-themeLighter--hover:hover {
182
- @include ms-fontColor-themeLighter;
183
- }
184
-
185
- .ms-fontColor-themeLighterAlt,
186
- .ms-fontColor-themeLighterAlt--hover:hover {
187
- @include ms-fontColor-themeLighterAlt;
188
- }
189
-
190
- // Neutral colors
191
- .ms-fontColor-black,
192
- .ms-fontColor-black--hover:hover {
193
- @include ms-fontColor-black;
194
- }
195
-
196
- .ms-fontColor-neutralDark,
197
- .ms-fontColor-neutralDark--hover:hover {
198
- @include ms-fontColor-neutralDark;
199
- }
200
-
201
- .ms-fontColor-neutralPrimary,
202
- .ms-fontColor-neutralPrimary--hover:hover {
203
- @include ms-fontColor-neutralPrimary;
204
- }
205
-
206
- .ms-fontColor-neutralPrimaryAlt,
207
- .ms-fontColor-neutralPrimaryAlt--hover:hover {
208
- @include ms-fontColor-neutralPrimaryAlt;
209
- }
210
-
211
- .ms-fontColor-neutralSecondary,
212
- .ms-fontColor-neutralSecondary--hover:hover {
213
- @include ms-fontColor-neutralSecondary;
214
- }
215
-
216
- .ms-fontColor-neutralSecondaryAlt,
217
- .ms-fontColor-neutralSecondaryAlt--hover:hover {
218
- @include ms-fontColor-neutralSecondaryAlt;
219
- }
220
-
221
- .ms-fontColor-neutralTertiary,
222
- .ms-fontColor-neutralTertiary--hover:hover {
223
- @include ms-fontColor-neutralTertiary;
224
- }
225
-
226
- .ms-fontColor-neutralTertiaryAlt,
227
- .ms-fontColor-neutralTertiaryAlt--hover:hover {
228
- @include ms-fontColor-neutralTertiaryAlt;
229
- }
230
-
231
- .ms-fontColor-neutralLight,
232
- .ms-fontColor-neutralLight--hover:hover {
233
- @include ms-fontColor-neutralLight;
234
- }
235
-
236
- .ms-fontColor-neutralLighter,
237
- .ms-fontColor-neutralLighter--hover:hover {
238
- @include ms-fontColor-neutralLighter;
239
- }
240
-
241
- .ms-fontColor-neutralLighterAlt,
242
- .ms-fontColor-neutralLighterAlt--hover:hover {
243
- @include ms-fontColor-neutralLighterAlt;
244
- }
245
-
246
- .ms-fontColor-white,
247
- .ms-fontColor-white--hover:hover {
248
- @include ms-fontColor-white;
249
- }
250
-
251
- // Brand and accent colors
252
- .ms-fontColor-yellow,
253
- .ms-fontColor-yellow--hover:hover {
254
- @include ms-fontColor-yellow;
255
- }
256
-
257
- .ms-fontColor-yellowLight,
258
- .ms-fontColor-yellowLight--hover:hover {
259
- @include ms-fontColor-yellowLight;
260
- }
261
-
262
- .ms-fontColor-orange,
263
- .ms-fontColor-orange--hover:hover {
264
- @include ms-fontColor-orange;
265
- }
266
-
267
- .ms-fontColor-orangeLight,
268
- .ms-fontColor-orangeLight--hover:hover {
269
- @include ms-fontColor-orangeLight;
270
- }
271
-
272
- .ms-fontColor-orangeLighter,
273
- .ms-fontColor-orangeLighter--hover:hover {
274
- @include ms-fontColor-orangeLighter;
275
- }
276
-
277
- .ms-fontColor-redDark,
278
- .ms-fontColor-redDark--hover:hover {
279
- @include ms-fontColor-redDark;
280
- }
281
-
282
- .ms-fontColor-red,
283
- .ms-fontColor-red--hover:hover {
284
- @include ms-fontColor-red;
285
- }
286
-
287
- .ms-fontColor-magentaDark,
288
- .ms-fontColor-magentaDark--hover:hover {
289
- @include ms-fontColor-magentaDark;
290
- }
291
-
292
- .ms-fontColor-magenta,
293
- .ms-fontColor-magenta--hover:hover {
294
- @include ms-fontColor-magenta;
295
- }
296
-
297
- .ms-fontColor-magentaLight,
298
- .ms-fontColor-magentaLight--hover:hover {
299
- @include ms-fontColor-magentaLight;
300
- }
301
-
302
- .ms-fontColor-purpleDark,
303
- .ms-fontColor-purpleDark--hover:hover {
304
- @include ms-fontColor-purpleDark;
305
- }
306
-
307
- .ms-fontColor-purple,
308
- .ms-fontColor-purple--hover:hover {
309
- @include ms-fontColor-purple;
310
- }
311
-
312
- .ms-fontColor-purpleLight,
313
- .ms-fontColor-purpleLight--hover:hover {
314
- @include ms-fontColor-purpleLight;
315
- }
316
-
317
- .ms-fontColor-blueDark,
318
- .ms-fontColor-blueDark--hover:hover {
319
- @include ms-fontColor-blueDark;
320
- }
321
-
322
- .ms-fontColor-blueMid,
323
- .ms-fontColor-blueMid--hover:hover {
324
- @include ms-fontColor-blueMid;
325
- }
326
-
327
- .ms-fontColor-blue,
328
- .ms-fontColor-blue--hover:hover {
329
- @include ms-fontColor-blue;
330
- }
331
-
332
- .ms-fontColor-blueLight,
333
- .ms-fontColor-blueLight--hover:hover {
334
- @include ms-fontColor-blueLight;
335
- }
336
-
337
- .ms-fontColor-tealDark,
338
- .ms-fontColor-tealDark--hover:hover {
339
- @include ms-fontColor-tealDark;
340
- }
341
-
342
- .ms-fontColor-teal,
343
- .ms-fontColor-teal--hover:hover {
344
- @include ms-fontColor-teal;
345
- }
346
-
347
- .ms-fontColor-tealLight,
348
- .ms-fontColor-tealLight--hover:hover {
349
- @include ms-fontColor-tealLight;
350
- }
351
-
352
- .ms-fontColor-greenDark,
353
- .ms-fontColor-greenDark--hover:hover {
354
- @include ms-fontColor-greenDark;
355
- }
356
-
357
- .ms-fontColor-green,
358
- .ms-fontColor-green--hover:hover {
359
- @include ms-fontColor-green;
360
- }
361
-
362
- .ms-fontColor-greenLight,
363
- .ms-fontColor-greenLight--hover:hover {
364
- @include ms-fontColor-greenLight;
365
- }
366
-
367
- // Message colors
368
- .ms-fontColor-info,
369
- .ms-fontColor-info--hover:hover {
370
- @include ms-fontColor-info;
371
- }
372
-
373
- .ms-fontColor-success,
374
- .ms-fontColor-success--hover:hover {
375
- @include ms-fontColor-success;
376
- }
377
-
378
- .ms-fontColor-alert,
379
- .ms-fontColor-alert--hover:hover {
380
- // Deprecated: Use ms-fontColor-severeWarning
381
- @include ms-fontColor-alert;
382
- }
383
-
384
- .ms-fontColor-warning,
385
- .ms-fontColor-warning--hover:hover {
386
- @include ms-fontColor-warning;
387
- }
388
-
389
- .ms-fontColor-severeWarning,
390
- .ms-fontColor-severeWarning--hover:hover {
391
- @include ms-fontColor-severeWarning;
392
- }
393
-
394
- .ms-fontColor-error,
395
- .ms-fontColor-error--hover:hover {
396
- @include ms-fontColor-error;
397
- }
@@ -1,24 +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
- // Fluid 12-column grids for small, medium, and large devices
7
-
8
- //== Grid container (same for all sizes)
9
- //
10
- .ms-Grid {
11
- @include ms-Grid;
12
- }
13
-
14
- //== Grid rows (pull first and last column out)
15
- //
16
- .ms-Grid-row {
17
- @include ms-Grid-row;
18
- }
19
-
20
- //== Grid cells
21
- //
22
- .ms-Grid-col {
23
- @include ms-Grid-col;
24
- }
@@ -1,32 +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
- // Icon font-family definition
7
-
8
- /*
9
- Your use of the content in the files referenced here are subject to the terms of the license at http://aka.ms/fabric-font-license
10
- */
11
-
12
- // Font-face definition for the 'FabricMDL2Icons' icon font
13
- @font-face {
14
- $icon-font-family: 'FabricMDL2Icons';
15
- $icon-font-name: 'fabricmdl2icons';
16
- $icon-font-version: '2.53';
17
-
18
- @if variable_exists(do-scope-styles) {
19
- $icon-font-family: 'FabricMDL2Icons-' + $ms-fabric-version-major;
20
- $icon-font-name: 'scoped/fabricmdl2icons-' + $ms-fabric-version-major;
21
- }
22
-
23
- font-family: $icon-font-family;
24
- src: url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220825.001/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff2')
25
- format('woff2'),
26
- url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220825.001/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff')
27
- format('woff'),
28
- url('https://res-1.cdn.office.net/files/fabric-cdn-prod_20220825.001/assets/icons/#{$icon-font-name}-#{$icon-font-version}.ttf')
29
- format('truetype');
30
- font-weight: normal;
31
- font-style: normal;
32
- }
@@ -1,36 +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
- // Icon class definitions
7
-
8
- // Base icon definition
9
- .ms-Icon {
10
- @include ms-Icon;
11
- }
12
-
13
- // Modifier: Place the icon in a circle
14
- .ms-Icon--circle {
15
- @include ms-Icon--circle;
16
- }
17
-
18
- // Modifiers: Size classes
19
- .ms-Icon--xs {
20
- @include ms-Icon--xs;
21
- }
22
-
23
- .ms-Icon--s {
24
- @include ms-Icon--s;
25
- }
26
-
27
- .ms-Icon--m {
28
- @include ms-Icon--m;
29
- }
30
-
31
- .ms-Icon--l {
32
- @include ms-Icon--l;
33
- }
34
-
35
- // Modifiers: Each of the icons.
36
- @include ms-icon-classes($ms-icon-map);
@@ -1,27 +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
- // Variables and mixins that can be referenced without outputting any CSS.
7
-
8
- // Variables
9
- @import './variables/Animation.Variables';
10
- @import './variables/BrandIcon.Variables';
11
- @import './variables/Color.Variables';
12
- @import './variables/Font.Variables';
13
- @import './variables/General.Variables';
14
- @import './variables/Icon.Variables';
15
- @import './variables/Responsive.Variables';
16
- @import './variables/ZIndex.Variables';
17
-
18
- // Mixins
19
- @import './mixins/Animation.Mixins';
20
- @import './mixins/BrandIcon.Mixins';
21
- @import './mixins/Color.Mixins';
22
- @import './mixins/Directionality.Mixins';
23
- @import './mixins/Font.Mixins';
24
- @import './mixins/Grid.Mixins';
25
- @import './mixins/Icon.Mixins';
26
- @import './mixins/General.Mixins';
27
- @import './mixins/Responsive.Mixins';