accessibility-insights-report 4.2.1 → 4.2.2

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 (2) hide show
  1. package/drop/index.js +137 -110
  2. package/package.json +3 -3
package/drop/index.js CHANGED
@@ -32,12 +32,12 @@ var actionCancelButtonCol = "action-cancel-button-col--VrVAp";
32
32
  "use strict";
33
33
  __webpack_require__.r(__webpack_exports__);
34
34
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
35
- /* harmony export */ "insightsDialogMainOverride": () => (/* binding */ insightsDialogMainOverride),
36
- /* harmony export */ "dialogBody": () => (/* binding */ dialogBody)
35
+ /* harmony export */ "dialogBody": () => (/* binding */ dialogBody),
36
+ /* harmony export */ "insightsDialogMainOverride": () => (/* binding */ insightsDialogMainOverride)
37
37
  /* harmony export */ });
38
38
  // extracted by mini-css-extract-plugin
39
- var insightsDialogMainOverride = "insights-dialog-main-override--Mlek6";
40
39
  var dialogBody = "dialog-body--QtJ_D";
40
+ var insightsDialogMainOverride = "insights-dialog-main-override--Mlek6";
41
41
 
42
42
  /***/ }),
43
43
 
@@ -60,14 +60,14 @@ var issueFilingDialog = "issue-filing-dialog--ZrD5s";
60
60
  "use strict";
61
61
  __webpack_require__.r(__webpack_exports__);
62
62
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
63
- /* harmony export */ "kebabMenuCallout": () => (/* binding */ kebabMenuCallout),
64
63
  /* harmony export */ "kebabMenu": () => (/* binding */ kebabMenu),
65
- /* harmony export */ "kebabMenuButton": () => (/* binding */ kebabMenuButton)
64
+ /* harmony export */ "kebabMenuButton": () => (/* binding */ kebabMenuButton),
65
+ /* harmony export */ "kebabMenuCallout": () => (/* binding */ kebabMenuCallout)
66
66
  /* harmony export */ });
67
67
  // extracted by mini-css-extract-plugin
68
- var kebabMenuCallout = "kebab-menu-callout--o23oT";
69
68
  var kebabMenu = "kebab-menu--eviKu";
70
69
  var kebabMenuButton = "kebab-menu-button--dy7Ui";
70
+ var kebabMenuCallout = "kebab-menu-callout--o23oT";
71
71
 
72
72
  /***/ }),
73
73
 
@@ -78,13 +78,13 @@ var kebabMenuButton = "kebab-menu-button--dy7Ui";
78
78
  __webpack_require__.r(__webpack_exports__);
79
79
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
80
80
  /* harmony export */ "combinedReportResultSectionTitle": () => (/* binding */ combinedReportResultSectionTitle),
81
- /* harmony export */ "title": () => (/* binding */ title),
82
- /* harmony export */ "heading": () => (/* binding */ heading)
81
+ /* harmony export */ "heading": () => (/* binding */ heading),
82
+ /* harmony export */ "title": () => (/* binding */ title)
83
83
  /* harmony export */ });
84
84
  // extracted by mini-css-extract-plugin
85
85
  var combinedReportResultSectionTitle = "combined-report-result-section-title--XUDDo";
86
- var title = "title--lcuIW";
87
86
  var heading = "heading--uUq3e";
87
+ var title = "title--lcuIW";
88
88
 
89
89
  /***/ }),
90
90
 
@@ -163,16 +163,16 @@ var instanceDetailsList = "instance-details-list--xiPPL";
163
163
  "use strict";
164
164
  __webpack_require__.r(__webpack_exports__);
165
165
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
166
- /* harmony export */ "resultSectionTitle": () => (/* binding */ resultSectionTitle),
167
- /* harmony export */ "title": () => (/* binding */ title),
168
166
  /* harmony export */ "heading": () => (/* binding */ heading),
169
- /* harmony export */ "outcomeChipContainer": () => (/* binding */ outcomeChipContainer)
167
+ /* harmony export */ "outcomeChipContainer": () => (/* binding */ outcomeChipContainer),
168
+ /* harmony export */ "resultSectionTitle": () => (/* binding */ resultSectionTitle),
169
+ /* harmony export */ "title": () => (/* binding */ title)
170
170
  /* harmony export */ });
171
171
  // extracted by mini-css-extract-plugin
172
- var resultSectionTitle = "result-section-title--qv3MK";
173
- var title = "title--neMma";
174
172
  var heading = "heading--VbGap";
175
173
  var outcomeChipContainer = "outcome-chip-container--Wt0k4";
174
+ var resultSectionTitle = "result-section-title--qv3MK";
175
+ var title = "title--neMma";
176
176
 
177
177
  /***/ }),
178
178
 
@@ -182,14 +182,14 @@ var outcomeChipContainer = "outcome-chip-container--Wt0k4";
182
182
  "use strict";
183
183
  __webpack_require__.r(__webpack_exports__);
184
184
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
185
+ /* harmony export */ "collapsibleControl": () => (/* binding */ collapsibleControl),
185
186
  /* harmony export */ "resultSection": () => (/* binding */ resultSection),
186
- /* harmony export */ "titleContainer": () => (/* binding */ titleContainer),
187
- /* harmony export */ "collapsibleControl": () => (/* binding */ collapsibleControl)
187
+ /* harmony export */ "titleContainer": () => (/* binding */ titleContainer)
188
188
  /* harmony export */ });
189
189
  // extracted by mini-css-extract-plugin
190
+ var collapsibleControl = "collapsible-control--V9OlA";
190
191
  var resultSection = "result-section--j6fYr";
191
192
  var titleContainer = "title-container--gMYqW";
192
- var collapsibleControl = "collapsible-control--V9OlA";
193
193
 
194
194
  /***/ }),
195
195
 
@@ -199,14 +199,14 @@ var collapsibleControl = "collapsible-control--V9OlA";
199
199
  "use strict";
200
200
  __webpack_require__.r(__webpack_exports__);
201
201
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
202
+ /* harmony export */ "combinationLists": () => (/* binding */ combinationLists),
202
203
  /* harmony export */ "multiLineTextNoBullet": () => (/* binding */ multiLineTextNoBullet),
203
- /* harmony export */ "multiLineTextYesBullet": () => (/* binding */ multiLineTextYesBullet),
204
- /* harmony export */ "combinationLists": () => (/* binding */ combinationLists)
204
+ /* harmony export */ "multiLineTextYesBullet": () => (/* binding */ multiLineTextYesBullet)
205
205
  /* harmony export */ });
206
206
  // extracted by mini-css-extract-plugin
207
+ var combinationLists = "combination-lists--O1dD_";
207
208
  var multiLineTextNoBullet = "multi-line-text-no-bullet--lNJS_";
208
209
  var multiLineTextYesBullet = "multi-line-text-yes-bullet--pp76P";
209
- var combinationLists = "combination-lists--O1dD_";
210
210
 
211
211
  /***/ }),
212
212
 
@@ -216,14 +216,14 @@ var combinationLists = "combination-lists--O1dD_";
216
216
  "use strict";
217
217
  __webpack_require__.r(__webpack_exports__);
218
218
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
219
- /* harmony export */ "ruleMoreResources": () => (/* binding */ ruleMoreResources),
220
219
  /* harmony export */ "moreResourcesTitle": () => (/* binding */ moreResourcesTitle),
221
- /* harmony export */ "ruleDetailsId": () => (/* binding */ ruleDetailsId)
220
+ /* harmony export */ "ruleDetailsId": () => (/* binding */ ruleDetailsId),
221
+ /* harmony export */ "ruleMoreResources": () => (/* binding */ ruleMoreResources)
222
222
  /* harmony export */ });
223
223
  // extracted by mini-css-extract-plugin
224
- var ruleMoreResources = "rule-more-resources--Bsblo";
225
224
  var moreResourcesTitle = "more-resources-title--whTFs";
226
225
  var ruleDetailsId = "rule-details-id--n_S89";
226
+ var ruleMoreResources = "rule-more-resources--Bsblo";
227
227
 
228
228
  /***/ }),
229
229
 
@@ -233,12 +233,12 @@ var ruleDetailsId = "rule-details-id--n_S89";
233
233
  "use strict";
234
234
  __webpack_require__.r(__webpack_exports__);
235
235
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
236
- /* harmony export */ "ruleDetailsGroup": () => (/* binding */ ruleDetailsGroup),
237
- /* harmony export */ "collapsibleRuleDetailsGroup": () => (/* binding */ collapsibleRuleDetailsGroup)
236
+ /* harmony export */ "collapsibleRuleDetailsGroup": () => (/* binding */ collapsibleRuleDetailsGroup),
237
+ /* harmony export */ "ruleDetailsGroup": () => (/* binding */ ruleDetailsGroup)
238
238
  /* harmony export */ });
239
239
  // extracted by mini-css-extract-plugin
240
- var ruleDetailsGroup = "rule-details-group--U69fz";
241
240
  var collapsibleRuleDetailsGroup = "collapsible-rule-details-group--h0lvd";
241
+ var ruleDetailsGroup = "rule-details-group--U69fz";
242
242
 
243
243
  /***/ }),
244
244
 
@@ -276,13 +276,13 @@ var urlsRowContentNewFailure = "urls-row-content-new-Failure--uJPP3";
276
276
  "use strict";
277
277
  __webpack_require__.r(__webpack_exports__);
278
278
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
279
- /* harmony export */ "insightsFixInstructionList": () => (/* binding */ insightsFixInstructionList),
280
279
  /* harmony export */ "fixInstructionColorBox": () => (/* binding */ fixInstructionColorBox),
280
+ /* harmony export */ "insightsFixInstructionList": () => (/* binding */ insightsFixInstructionList),
281
281
  /* harmony export */ "screenReaderOnly": () => (/* binding */ screenReaderOnly)
282
282
  /* harmony export */ });
283
283
  // extracted by mini-css-extract-plugin
284
- var insightsFixInstructionList = "insights-fix-instruction-list--G3vyY";
285
284
  var fixInstructionColorBox = "fix-instruction-color-box--g6NfJ";
285
+ var insightsFixInstructionList = "insights-fix-instruction-list--G3vyY";
286
286
  var screenReaderOnly = "screen-reader-only--yQjgp";
287
287
 
288
288
  /***/ }),
@@ -308,12 +308,12 @@ var toastContent = "toast-content--pEpMJ";
308
308
  "use strict";
309
309
  __webpack_require__.r(__webpack_exports__);
310
310
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
311
- /* harmony export */ "reportHeaderBar": () => (/* binding */ reportHeaderBar),
312
- /* harmony export */ "headerText": () => (/* binding */ headerText)
311
+ /* harmony export */ "headerText": () => (/* binding */ headerText),
312
+ /* harmony export */ "reportHeaderBar": () => (/* binding */ reportHeaderBar)
313
313
  /* harmony export */ });
314
314
  // extracted by mini-css-extract-plugin
315
- var reportHeaderBar = "report-header-bar--pkiTM";
316
315
  var headerText = "header-text--dfm48";
316
+ var reportHeaderBar = "report-header-bar--pkiTM";
317
317
 
318
318
  /***/ }),
319
319
 
@@ -323,28 +323,28 @@ var headerText = "header-text--dfm48";
323
323
  "use strict";
324
324
  __webpack_require__.r(__webpack_exports__);
325
325
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
326
+ /* harmony export */ "focused": () => (/* binding */ focused),
326
327
  /* harmony export */ "hiddenHighlightButton": () => (/* binding */ hiddenHighlightButton),
327
328
  /* harmony export */ "instanceDetailsCard": () => (/* binding */ instanceDetailsCard),
328
329
  /* harmony export */ "instanceDetailsCardContainer": () => (/* binding */ instanceDetailsCardContainer),
329
- /* harmony export */ "selected": () => (/* binding */ selected),
330
- /* harmony export */ "focused": () => (/* binding */ focused),
331
330
  /* harmony export */ "interactive": () => (/* binding */ interactive),
332
331
  /* harmony export */ "reportInstanceTable": () => (/* binding */ reportInstanceTable),
333
332
  /* harmony export */ "row": () => (/* binding */ row),
333
+ /* harmony export */ "rowContent": () => (/* binding */ rowContent),
334
334
  /* harmony export */ "rowLabel": () => (/* binding */ rowLabel),
335
- /* harmony export */ "rowContent": () => (/* binding */ rowContent)
335
+ /* harmony export */ "selected": () => (/* binding */ selected)
336
336
  /* harmony export */ });
337
337
  // extracted by mini-css-extract-plugin
338
+ var focused = "focused--tV0ic";
338
339
  var hiddenHighlightButton = "hidden-highlight-button--PePzJ";
339
340
  var instanceDetailsCard = "instance-details-card--R0aAh";
340
341
  var instanceDetailsCardContainer = "instance-details-card-container--bKrcd";
341
- var selected = "selected--Kp4AC";
342
- var focused = "focused--tV0ic";
343
342
  var interactive = "interactive--NgYOy";
344
343
  var reportInstanceTable = "report-instance-table--YIu0s";
345
344
  var row = "row--m8TLI";
346
- var rowLabel = "row-label--MxfuQ";
347
345
  var rowContent = "row-content--ECKwg";
346
+ var rowLabel = "row-label--MxfuQ";
347
+ var selected = "selected--Kp4AC";
348
348
 
349
349
  /***/ }),
350
350
 
@@ -395,12 +395,12 @@ var outcomeChipContainer = "outcome-chip-container--xYquF";
395
395
  "use strict";
396
396
  __webpack_require__.r(__webpack_exports__);
397
397
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
398
- /* harmony export */ "urlResultsContainer": () => (/* binding */ urlResultsContainer),
399
- /* harmony export */ "resultsHeading": () => (/* binding */ resultsHeading)
398
+ /* harmony export */ "resultsHeading": () => (/* binding */ resultsHeading),
399
+ /* harmony export */ "urlResultsContainer": () => (/* binding */ urlResultsContainer)
400
400
  /* harmony export */ });
401
401
  // extracted by mini-css-extract-plugin
402
- var urlResultsContainer = "url-results-container--dXQbj";
403
402
  var resultsHeading = "results-heading--D3Qtr";
403
+ var urlResultsContainer = "url-results-container--dXQbj";
404
404
 
405
405
  /***/ }),
406
406
 
@@ -410,12 +410,12 @@ var resultsHeading = "results-heading--D3Qtr";
410
410
  "use strict";
411
411
  __webpack_require__.r(__webpack_exports__);
412
412
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
413
- /* harmony export */ "rulesResultsContainer": () => (/* binding */ rulesResultsContainer),
414
- /* harmony export */ "resultsHeading": () => (/* binding */ resultsHeading)
413
+ /* harmony export */ "resultsHeading": () => (/* binding */ resultsHeading),
414
+ /* harmony export */ "rulesResultsContainer": () => (/* binding */ rulesResultsContainer)
415
415
  /* harmony export */ });
416
416
  // extracted by mini-css-extract-plugin
417
- var rulesResultsContainer = "rules-results-container--n7EEu";
418
417
  var resultsHeading = "results-heading--pyS7R";
418
+ var rulesResultsContainer = "rules-results-container--n7EEu";
419
419
 
420
420
  /***/ }),
421
421
 
@@ -428,19 +428,19 @@ __webpack_require__.r(__webpack_exports__);
428
428
  /* harmony export */ "crawlDetailsSection": () => (/* binding */ crawlDetailsSection),
429
429
  /* harmony export */ "crawlDetailsSectionList": () => (/* binding */ crawlDetailsSectionList),
430
430
  /* harmony export */ "icon": () => (/* binding */ icon),
431
- /* harmony export */ "targetSite": () => (/* binding */ targetSite),
432
- /* harmony export */ "text": () => (/* binding */ text),
433
431
  /* harmony export */ "label": () => (/* binding */ label),
434
- /* harmony export */ "noIcon": () => (/* binding */ noIcon)
432
+ /* harmony export */ "noIcon": () => (/* binding */ noIcon),
433
+ /* harmony export */ "targetSite": () => (/* binding */ targetSite),
434
+ /* harmony export */ "text": () => (/* binding */ text)
435
435
  /* harmony export */ });
436
436
  // extracted by mini-css-extract-plugin
437
437
  var crawlDetailsSection = "crawl-details-section--WhRL4";
438
438
  var crawlDetailsSectionList = "crawl-details-section-list--Lrjqg";
439
439
  var icon = "icon--JdMPq";
440
- var targetSite = "targetSite--qXxid";
441
- var text = "text--swxfX";
442
440
  var label = "label--yUuT2";
443
441
  var noIcon = "no-icon--J7B9N";
442
+ var targetSite = "targetSite--qXxid";
443
+ var text = "text--swxfX";
444
444
 
445
445
  /***/ }),
446
446
 
@@ -467,23 +467,23 @@ var urlCell = "url-cell--yjU1V";
467
467
  "use strict";
468
468
  __webpack_require__.r(__webpack_exports__);
469
469
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
470
- /* harmony export */ "urlsSummarySection": () => (/* binding */ urlsSummarySection),
471
- /* harmony export */ "totalUrls": () => (/* binding */ totalUrls),
472
470
  /* harmony export */ "failureInstances": () => (/* binding */ failureInstances),
473
- /* harmony export */ "failureOutcomeChip": () => (/* binding */ failureOutcomeChip)
471
+ /* harmony export */ "failureOutcomeChip": () => (/* binding */ failureOutcomeChip),
472
+ /* harmony export */ "totalUrls": () => (/* binding */ totalUrls),
473
+ /* harmony export */ "urlsSummarySection": () => (/* binding */ urlsSummarySection)
474
474
  /* harmony export */ });
475
475
  // extracted by mini-css-extract-plugin
476
- var urlsSummarySection = "urls-summary-section--DjUWc";
477
- var totalUrls = "total-urls--Ig_eB";
478
476
  var failureInstances = "failure-instances--Rq_Tj";
479
477
  var failureOutcomeChip = "failure-outcome-chip--YtjBX";
478
+ var totalUrls = "total-urls--Ig_eB";
479
+ var urlsSummarySection = "urls-summary-section--DjUWc";
480
480
 
481
481
  /***/ }),
482
482
 
483
483
  /***/ "./src/DetailsView/components/action-and-cancel-buttons-component.tsx":
484
484
  /***/ ((module, exports, __webpack_require__) => {
485
485
 
486
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("lodash"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react"), __webpack_require__("./src/DetailsView/components/action-and-cancel-buttons-component.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, lodash_1, office_ui_fabric_react_1, React, styles) {
486
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("lodash"), __webpack_require__("react"), __webpack_require__("./src/DetailsView/components/action-and-cancel-buttons-component.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, lodash_1, React, styles) {
487
487
  "use strict";
488
488
  Object.defineProperty(exports, "__esModule", ({ value: true }));
489
489
  exports.ActionAndCancelButtonsComponent = void 0;
@@ -491,9 +491,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
491
491
  render() {
492
492
  return (React.createElement("div", { className: styles.actionAndCancelButtonsComponent, hidden: this.props.isHidden },
493
493
  React.createElement("div", { className: styles.actionCancelButtonCol },
494
- React.createElement(office_ui_fabric_react_1.DefaultButton, { text: 'Cancel', onClick: this.props.cancelButtonOnClick })),
494
+ React.createElement(react_1.DefaultButton, { text: 'Cancel', onClick: this.props.cancelButtonOnClick })),
495
495
  React.createElement("div", { className: styles.actionCancelButtonCol },
496
- React.createElement(office_ui_fabric_react_1.DefaultButton, { "data-automation-id": this.props.primaryButtonDataAutomationId, primary: true, text: this.props.primaryButtonText, onClick: this.props.primaryButtonOnClick, disabled: this.props.primaryButtonDisabled, href: this.props.primaryButtonHref, target: (0, lodash_1.isEmpty)(this.props.primaryButtonHref) ? '_self' : '_blank' }))));
496
+ React.createElement(react_1.DefaultButton, { "data-automation-id": this.props.primaryButtonDataAutomationId, primary: true, text: this.props.primaryButtonText, onClick: this.props.primaryButtonOnClick, disabled: this.props.primaryButtonDisabled, href: this.props.primaryButtonHref, target: (0, lodash_1.isEmpty)(this.props.primaryButtonHref) ? '_self' : '_blank' }))));
497
497
  }
498
498
  }
499
499
  exports.ActionAndCancelButtonsComponent = ActionAndCancelButtonsComponent;
@@ -529,7 +529,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
529
529
  /***/ "./src/DetailsView/components/issue-filing-dialog.tsx":
530
530
  /***/ ((module, exports, __webpack_require__) => {
531
531
 
532
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("./src/DetailsView/components/common-dialog-styles.scss"), __webpack_require__("./src/DetailsView/components/issue-filing-dialog.scss"), __webpack_require__("lodash"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react"), __webpack_require__("./src/issue-filing/components/issue-filing-settings-container.tsx"), __webpack_require__("./src/DetailsView/components/action-and-cancel-buttons-component.tsx")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, styles, issueFilingDialogStyles, lodash_1, office_ui_fabric_react_1, React, issue_filing_settings_container_1, action_and_cancel_buttons_component_1) {
532
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("./src/DetailsView/components/common-dialog-styles.scss"), __webpack_require__("./src/DetailsView/components/issue-filing-dialog.scss"), __webpack_require__("lodash"), __webpack_require__("react"), __webpack_require__("./src/issue-filing/components/issue-filing-settings-container.tsx"), __webpack_require__("./src/DetailsView/components/action-and-cancel-buttons-component.tsx")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, styles, issueFilingDialogStyles, lodash_1, React, issue_filing_settings_container_1, action_and_cancel_buttons_component_1) {
533
533
  "use strict";
534
534
  Object.defineProperty(exports, "__esModule", ({ value: true }));
535
535
  exports.IssueFilingDialog = void 0;
@@ -575,8 +575,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
575
575
  const { selectedIssueFilingService } = this.state;
576
576
  const selectedIssueFilingServiceData = this.state.selectedIssueFilingService.getSettingsFromStoreData(this.state.issueFilingServicePropertiesMap);
577
577
  const isSettingsValid = selectedIssueFilingService.isSettingsValid(selectedIssueFilingServiceData);
578
- return (React.createElement(office_ui_fabric_react_1.Dialog, { hidden: !isOpen, dialogContentProps: {
579
- type: office_ui_fabric_react_1.DialogType.normal,
578
+ return (React.createElement(react_1.Dialog, { hidden: !isOpen, dialogContentProps: {
579
+ type: react_1.DialogType.normal,
580
580
  title: titleLabel,
581
581
  subText: 'This configuration can be changed again in settings.',
582
582
  showCloseButton: false,
@@ -586,7 +586,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
586
586
  className: issueFilingDialogStyles.issueFilingDialog,
587
587
  }, onDismiss: onClose },
588
588
  React.createElement(issue_filing_settings_container_1.IssueFilingSettingsContainer, { deps: deps, selectedIssueFilingService: selectedIssueFilingService, selectedIssueFilingServiceData: selectedIssueFilingServiceData, onPropertyUpdateCallback: this.onPropertyUpdateCallback, onSelectedServiceChange: this.onSelectedServiceChange }),
589
- React.createElement(office_ui_fabric_react_1.DialogFooter, null,
589
+ React.createElement(react_1.DialogFooter, null,
590
590
  React.createElement(action_and_cancel_buttons_component_1.ActionAndCancelButtonsComponent, { isHidden: false, primaryButtonDisabled: isSettingsValid === false, primaryButtonOnClick: this.onPrimaryButtonClick, cancelButtonOnClick: onClose, primaryButtonText: 'File issue' }))));
591
591
  }
592
592
  componentDidUpdate(prevProps) {
@@ -707,7 +707,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
707
707
  /***/ "./src/common/components/cards/card-kebab-menu-button.tsx":
708
708
  /***/ ((module, exports, __webpack_require__) => {
709
709
 
710
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("./src/common/icons/more-actions-menu-icon.tsx"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react"), __webpack_require__("./src/DetailsView/components/issue-filing-dialog.tsx"), __webpack_require__("./src/common/components/toast.tsx"), __webpack_require__("./src/common/components/cards/card-kebab-menu-button.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, more_actions_menu_icon_1, office_ui_fabric_react_1, office_ui_fabric_react_2, React, issue_filing_dialog_1, toast_1, styles) {
710
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("@fluentui/react"), __webpack_require__("./src/common/icons/more-actions-menu-icon.tsx"), __webpack_require__("react"), __webpack_require__("./src/DetailsView/components/issue-filing-dialog.tsx"), __webpack_require__("./src/common/components/toast.tsx"), __webpack_require__("./src/common/components/cards/card-kebab-menu-button.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, react_2, more_actions_menu_icon_1, React, issue_filing_dialog_1, toast_1, styles) {
711
711
  "use strict";
712
712
  Object.defineProperty(exports, "__esModule", ({ value: true }));
713
713
  exports.CardKebabMenuButton = void 0;
@@ -762,9 +762,9 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
762
762
  // the dialog/toast involve to be considered as part of the button for the purposes of layout
763
763
  // calculation in this component's parent.
764
764
  React.createElement("div", { onKeyDown: handleKeyDown },
765
- React.createElement(office_ui_fabric_react_1.ActionButton, { className: styles.kebabMenuButton, ariaLabel: this.props.kebabMenuAriaLabel || 'More actions', onRenderMenuIcon: more_actions_menu_icon_1.MoreActionsMenuIcon, menuProps: {
765
+ React.createElement(react_1.ActionButton, { className: styles.kebabMenuButton, ariaLabel: this.props.kebabMenuAriaLabel || 'More actions', onRenderMenuIcon: more_actions_menu_icon_1.MoreActionsMenuIcon, menuProps: {
766
766
  className: styles.kebabMenu,
767
- directionalHint: office_ui_fabric_react_2.DirectionalHint.bottomRightEdge,
767
+ directionalHint: react_2.DirectionalHint.bottomRightEdge,
768
768
  shouldFocusOnMount: true,
769
769
  items: this.getMenuItems(),
770
770
  calloutProps: {
@@ -989,7 +989,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __rest = (th
989
989
  /***/ "./src/common/components/cards/instance-details-footer.tsx":
990
990
  /***/ ((module, exports, __webpack_require__) => {
991
991
 
992
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("./src/common/icons/highlight-status-icons.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react"), __webpack_require__("./src/common/components/cards/card-kebab-menu-button.tsx"), __webpack_require__("./src/common/components/cards/instance-details-footer.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, highlight_status_icons_1, named_fc_1, office_ui_fabric_react_1, React, card_kebab_menu_button_1, styles) {
992
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("./src/common/icons/highlight-status-icons.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react"), __webpack_require__("./src/common/components/cards/card-kebab-menu-button.tsx"), __webpack_require__("./src/common/components/cards/instance-details-footer.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, highlight_status_icons_1, named_fc_1, React, card_kebab_menu_button_1, styles) {
993
993
  "use strict";
994
994
  Object.defineProperty(exports, "__esModule", ({ value: true }));
995
995
  exports.InstanceDetailsFooter = void 0;
@@ -1023,7 +1023,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
1023
1023
  }[highlightState];
1024
1024
  return (React.createElement("div", { className: styles.highlightStatus },
1025
1025
  icon,
1026
- React.createElement(office_ui_fabric_react_1.Label, null, label)));
1026
+ React.createElement(react_1.Label, null, label)));
1027
1027
  };
1028
1028
  return (React.createElement("div", { className: styles.foot },
1029
1029
  renderHighlightStatus(),
@@ -1204,7 +1204,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
1204
1204
  /***/ "./src/common/components/cards/result-section.tsx":
1205
1205
  /***/ ((module, exports, __webpack_require__) => {
1206
1206
 
1207
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@uifabric/utilities"), __webpack_require__("./src/common/components/heading-element-for-level.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react"), __webpack_require__("./src/common/components/cards/result-section-content.tsx"), __webpack_require__("./src/common/components/cards/result-section-title.tsx"), __webpack_require__("./src/common/components/cards/result-section.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, heading_element_for_level_1, named_fc_1, React, result_section_content_1, result_section_title_1, styles) {
1207
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/utilities"), __webpack_require__("./src/common/components/heading-element-for-level.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react"), __webpack_require__("./src/common/components/cards/result-section-content.tsx"), __webpack_require__("./src/common/components/cards/result-section-title.tsx"), __webpack_require__("./src/common/components/cards/result-section.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, heading_element_for_level_1, named_fc_1, React, result_section_content_1, result_section_title_1, styles) {
1208
1208
  "use strict";
1209
1209
  Object.defineProperty(exports, "__esModule", ({ value: true }));
1210
1210
  exports.ResultSection = exports.resultSectionAutomationId = void 0;
@@ -1574,7 +1574,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
1574
1574
  /***/ "./src/common/components/cards/simple-card-row.tsx":
1575
1575
  /***/ ((module, exports, __webpack_require__) => {
1576
1576
 
1577
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@uifabric/utilities"), __webpack_require__("react"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("./src/reports/components/instance-details.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, React, named_fc_1, styles) {
1577
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/utilities"), __webpack_require__("react"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("./src/reports/components/instance-details.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, React, named_fc_1, styles) {
1578
1578
  "use strict";
1579
1579
  Object.defineProperty(exports, "__esModule", ({ value: true }));
1580
1580
  exports.SimpleCardRow = void 0;
@@ -1976,14 +1976,14 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __rest = (th
1976
1976
  }
1977
1977
  return t;
1978
1978
  };
1979
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@uifabric/utilities"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react"), __webpack_require__("./src/common/react/named-fc.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, office_ui_fabric_react_1, React, named_fc_1) {
1979
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("@fluentui/utilities"), __webpack_require__("react"), __webpack_require__("./src/common/react/named-fc.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, utilities_1, React, named_fc_1) {
1980
1980
  "use strict";
1981
1981
  Object.defineProperty(exports, "__esModule", ({ value: true }));
1982
1982
  exports.NewTabLink = void 0;
1983
1983
  exports.NewTabLink = (0, named_fc_1.NamedFC)('NewTabLink', (_a) => {
1984
1984
  var { className } = _a, props = __rest(_a, ["className"]);
1985
1985
  const classNames = ['insights-link', className];
1986
- return React.createElement(office_ui_fabric_react_1.Link, Object.assign({ className: (0, utilities_1.css)(...classNames) }, props, { target: "_blank" }));
1986
+ return React.createElement(react_1.Link, Object.assign({ className: (0, utilities_1.css)(...classNames) }, props, { target: "_blank" }));
1987
1987
  });
1988
1988
  }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
1989
1989
  __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -2146,7 +2146,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// Copyright (c)
2146
2146
  /***/ "./src/common/components/toast.tsx":
2147
2147
  /***/ ((module, exports, __webpack_require__) => {
2148
2148
 
2149
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@uifabric/utilities"), __webpack_require__("react"), __webpack_require__("./src/common/components/toast.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, React, styles) {
2149
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/utilities"), __webpack_require__("react"), __webpack_require__("./src/common/components/toast.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, React, styles) {
2150
2150
  "use strict";
2151
2151
  Object.defineProperty(exports, "__esModule", ({ value: true }));
2152
2152
  exports.Toast = void 0;
@@ -2366,12 +2366,16 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
2366
2366
  /***/ "./src/common/fabric-icons.ts":
2367
2367
  /***/ ((module, exports, __webpack_require__) => {
2368
2368
 
2369
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@uifabric/styling/lib/index")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, index_1) {
2369
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/font-icons-mdl2"), __webpack_require__("@fluentui/style-utilities")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, font_icons_mdl2_1, style_utilities_1) {
2370
2370
  "use strict";
2371
2371
  Object.defineProperty(exports, "__esModule", ({ value: true }));
2372
2372
  exports.initializeFabricIcons = void 0;
2373
2373
  function initializeFabricIcons() {
2374
- (0, index_1.registerIcons)({
2374
+ (0, style_utilities_1.setIconOptions)({
2375
+ disableWarnings: true,
2376
+ });
2377
+ (0, font_icons_mdl2_1.initializeIcons)();
2378
+ (0, style_utilities_1.registerIcons)({
2375
2379
  style: {
2376
2380
  MozOsxFontSmoothing: 'grayscale',
2377
2381
  WebkitFontSmoothing: 'antialiased',
@@ -3793,7 +3797,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
3793
3797
  /***/ "./src/issue-filing/components/issue-filing-choice-group.tsx":
3794
3798
  /***/ ((module, exports, __webpack_require__) => {
3795
3799
 
3796
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("./src/DetailsView/components/details-view-overlay/settings-panel/settings/issue-filing/issue-filing-settings.tsx"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react"), __webpack_require__("./src/common/react/named-fc.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, issue_filing_settings_1, office_ui_fabric_react_1, React, named_fc_1) {
3800
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("./src/DetailsView/components/details-view-overlay/settings-panel/settings/issue-filing/issue-filing-settings.tsx"), __webpack_require__("react"), __webpack_require__("./src/common/react/named-fc.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, issue_filing_settings_1, React, named_fc_1) {
3797
3801
  "use strict";
3798
3802
  Object.defineProperty(exports, "__esModule", ({ value: true }));
3799
3803
  exports.IssueFilingChoiceGroup = void 0;
@@ -3813,7 +3817,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
3813
3817
  };
3814
3818
  props.onSelectedServiceChange(payload);
3815
3819
  };
3816
- return (React.createElement(office_ui_fabric_react_1.ChoiceGroup, { className: 'issue-filing-choice-group', ariaLabelledBy: issue_filing_settings_1.issueFilingTitleId, onChange: onChange, options: getOptions(), selectedKey: props.selectedIssueFilingService.key }));
3820
+ return (React.createElement(react_1.ChoiceGroup, { className: 'issue-filing-choice-group', ariaLabelledBy: issue_filing_settings_1.issueFilingTitleId, onChange: onChange, options: getOptions(), selectedKey: props.selectedIssueFilingService.key }));
3817
3821
  });
3818
3822
  }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
3819
3823
  __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -4011,6 +4015,11 @@ button::after {\
4011
4015
  color: var(--link) !important;\
4012
4016
  text-decoration: none;\
4013
4017
  }\
4018
+ @media screen and (forced-colors: active) {\
4019
+ .insights-link {\
4020
+ forced-color-adjust: unset;\
4021
+ }\
4022
+ }\
4014
4023
  .insights-link:hover {\
4015
4024
  color: var(--link-hover) !important;\
4016
4025
  text-decoration: underline;\
@@ -4123,7 +4132,7 @@ button::after {\
4123
4132
  flex-grow: 0;\
4124
4133
  font-size: 14px;\
4125
4134
  line-height: 20px;\
4126
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
4135
+ font-weight: 600;\
4127
4136
  color: var(--primary-text);\
4128
4137
  text-align: left;\
4129
4138
  }\
@@ -4508,15 +4517,14 @@ body {\
4508
4517
  }\
4509
4518
  .report-header-command-bar .target-page {\
4510
4519
  white-space: nowrap;\
4511
- overflow: hidden;\
4512
- text-overflow: ellipsis;\
4513
4520
  margin: 0px 0px 0px 16px;\
4514
- display: inherit;\
4521
+ display: flex;\
4515
4522
  color: var(--primary-text);\
4516
4523
  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
4517
4524
  font-size: 14px;\
4518
4525
  line-height: 20px;\
4519
4526
  font-weight: normal;\
4527
+ min-width: 0;\
4520
4528
  }\
4521
4529
  .report-header-command-bar .target-page a {\
4522
4530
  white-space: nowrap;\
@@ -4550,7 +4558,7 @@ body {\
4550
4558
  margin-top: 56px;\
4551
4559
  }\
4552
4560
  .title-section h1 {\
4553
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
4561
+ font-weight: 600;\
4554
4562
  margin: 0px 0px 24px 0px;\
4555
4563
  font-size: 21px;\
4556
4564
  line-height: 32px;\
@@ -4747,7 +4755,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
4747
4755
  flex-grow: 0;\
4748
4756
  font-size: 14px;\
4749
4757
  line-height: 20px;\
4750
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
4758
+ font-weight: 600;\
4751
4759
  color: var(--primary-text);\
4752
4760
  text-align: left;\
4753
4761
  }\
@@ -4901,6 +4909,11 @@ div.kebab-menu-callout--o23oT > div {\
4901
4909
  .kebab-menu--eviKu button:hover {\
4902
4910
  background-color: var(--menu-item-background-hover);\
4903
4911
  }\
4912
+ @media screen and (forced-colors: active) {\
4913
+ .kebab-menu--eviKu button:hover {\
4914
+ background-color: inherit;\
4915
+ }\
4916
+ }\
4904
4917
  .kebab-menu--eviKu button:active {\
4905
4918
  background-color: var(--menu-item-background-active);\
4906
4919
  color: var(--light-black);\
@@ -4935,6 +4948,14 @@ button.kebab-menu-button--dy7Ui:active, button.kebab-menu-button--dy7Ui[aria-exp
4935
4948
  button.kebab-menu-button--dy7Ui:active svg > circle, button.kebab-menu-button--dy7Ui[aria-expanded=true] svg > circle {\
4936
4949
  stroke: var(--light-black);\
4937
4950
  }\
4951
+ @media screen and (forced-colors: active) {\
4952
+ button.kebab-menu-button--dy7Ui:active, button.kebab-menu-button--dy7Ui[aria-expanded=true] {\
4953
+ color: inherit;\
4954
+ }\
4955
+ button.kebab-menu-button--dy7Ui:active svg > circle, button.kebab-menu-button--dy7Ui[aria-expanded=true] svg > circle {\
4956
+ stroke: inherit;\
4957
+ }\
4958
+ }\
4938
4959
  button.kebab-menu-button--dy7Ui > span {\
4939
4960
  justify-content: center;\
4940
4961
  }\
@@ -4996,7 +5017,7 @@ ul.instance-details-list--xiPPL > li:last-child {\
4996
5017
  word-break: break-word;\
4997
5018
  }\
4998
5019
  .rule-more-resources--Bsblo .more-resources-title--whTFs {\
4999
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5020
+ font-weight: 600;\
5000
5021
  }\
5001
5022
  .rule-more-resources--Bsblo .rule-details-id--n_S89 {\
5002
5023
  padding: 12px 0;\
@@ -5013,14 +5034,17 @@ ul.instance-details-list--xiPPL > li:last-child {\
5013
5034
  margin-bottom: 2px;\
5014
5035
  }\
5015
5036
  .rule-details-group--U69fz .rule-detail .rule-details-id {\
5016
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5037
+ font-weight: 600;\
5017
5038
  color: var(--primary-text);\
5018
5039
  word-break: break-all;\
5019
5040
  }\
5020
5041
  .rule-details-group--U69fz .rule-detail .rule-details-id a {\
5021
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5042
+ font-weight: 600;\
5022
5043
  color: var(--primary-text) !important;\
5023
5044
  }\
5045
+ .rule-details-group--U69fz .rule-detail .rule-details-id strong {\
5046
+ font-weight: 600;\
5047
+ }\
5024
5048
  .rule-details-group--U69fz .rule-detail .rule-detail-description {\
5025
5049
  color: var(--secondary-text) !important;\
5026
5050
  word-break: break-all;\
@@ -5050,7 +5074,6 @@ ul.instance-details-list--xiPPL > li:last-child {\
5050
5074
  margin-bottom: 3px;\
5051
5075
  }\
5052
5076
  .result-section-title--qv3MK .title--neMma {\
5053
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5054
5077
  font-weight: 600;\
5055
5078
  font-size: 17px;\
5056
5079
  line-height: 24px;\
@@ -5058,7 +5081,6 @@ ul.instance-details-list--xiPPL > li:last-child {\
5058
5081
  color: var(--primary-text);\
5059
5082
  }\
5060
5083
  .result-section-title--qv3MK .heading--VbGap {\
5061
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5062
5084
  font-weight: 600;\
5063
5085
  font-size: 15px;\
5064
5086
  line-height: 20px;\
@@ -5120,15 +5142,14 @@ ul.instance-details-list--xiPPL > li:last-child {\
5120
5142
  }\
5121
5143
  .report-header-command-bar--wDg1t .target-page--giudb {\
5122
5144
  white-space: nowrap;\
5123
- overflow: hidden;\
5124
- text-overflow: ellipsis;\
5125
5145
  margin: 0px 0px 0px 16px;\
5126
- display: inherit;\
5146
+ display: flex;\
5127
5147
  color: var(--primary-text);\
5128
5148
  font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5129
5149
  font-size: 14px;\
5130
5150
  line-height: 20px;\
5131
5151
  font-weight: normal;\
5152
+ min-width: 0;\
5132
5153
  }\
5133
5154
  .report-header-command-bar--wDg1t .target-page--giudb a {\
5134
5155
  white-space: nowrap;\
@@ -5144,7 +5165,6 @@ ul.instance-details-list--xiPPL > li:last-child {\
5144
5165
  margin-bottom: 8px;\
5145
5166
  }\
5146
5167
  .combined-report-result-section-title--XUDDo .title--lcuIW {\
5147
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5148
5168
  font-weight: 600;\
5149
5169
  font-size: 17px;\
5150
5170
  line-height: 24px;\
@@ -5152,7 +5172,6 @@ ul.instance-details-list--xiPPL > li:last-child {\
5152
5172
  color: var(--primary-text);\
5153
5173
  }\
5154
5174
  .combined-report-result-section-title--XUDDo .heading--uUq3e {\
5155
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5156
5175
  font-weight: 600;\
5157
5176
  font-size: 15px;\
5158
5177
  line-height: 20px;\
@@ -5186,7 +5205,6 @@ ul.instance-details-list--xiPPL > li:last-child {\
5186
5205
  .rules-results-container--n7EEu .results-heading--pyS7R {\
5187
5206
  margin-top: 32px;\
5188
5207
  margin-bottom: 32px;\
5189
- font-family: 'Segoe UI Semibold','Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
5190
5208
  font-weight: 600;\
5191
5209
  font-size: 17px;\
5192
5210
  line-height: 24px;\
@@ -5411,12 +5429,12 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
5411
5429
 
5412
5430
  var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// Copyright (c) Microsoft Corporation. All rights reserved.
5413
5431
  // Licensed under the MIT License.
5414
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("./src/common/components/new-tab-link.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, new_tab_link_1, named_fc_1, office_ui_fabric_react_1, React) {
5432
+ !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("./src/common/components/new-tab-link.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, new_tab_link_1, named_fc_1, React) {
5415
5433
  "use strict";
5416
5434
  Object.defineProperty(exports, "__esModule", ({ value: true }));
5417
5435
  exports.NewTabLinkWithConfirmationDialog = void 0;
5418
5436
  exports.NewTabLinkWithConfirmationDialog = (0, named_fc_1.NamedFC)('NewTabLinkWithConfirmationDialog', props => {
5419
- const id = (0, office_ui_fabric_react_1.getId)('new-tab-link-with-confirmation-dialog__'); // generates something like new-tab-link-with-confirmation-dialog__123
5437
+ const id = (0, react_1.getId)('new-tab-link-with-confirmation-dialog__'); // generates something like new-tab-link-with-confirmation-dialog__123
5420
5438
  return (React.createElement(React.Fragment, null,
5421
5439
  React.createElement(new_tab_link_1.NewTabLink, Object.assign({}, props, { id: id })),
5422
5440
  React.createElement("script", { dangerouslySetInnerHTML: {
@@ -6045,7 +6063,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
6045
6063
  /***/ "./src/reports/components/report-sections/make-details-section-fc.tsx":
6046
6064
  /***/ ((module, exports, __webpack_require__) => {
6047
6065
 
6048
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@uifabric/utilities"), __webpack_require__("./src/common/icons/comment-icon.tsx"), __webpack_require__("./src/common/icons/date-icon.tsx"), __webpack_require__("./src/common/icons/url-icon.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("lodash"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, comment_icon_1, date_icon_1, url_icon_1, named_fc_1, lodash_1, React) {
6066
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/utilities"), __webpack_require__("./src/common/icons/comment-icon.tsx"), __webpack_require__("./src/common/icons/date-icon.tsx"), __webpack_require__("./src/common/icons/url-icon.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("lodash"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, comment_icon_1, date_icon_1, url_icon_1, named_fc_1, lodash_1, React) {
6049
6067
  "use strict";
6050
6068
  Object.defineProperty(exports, "__esModule", ({ value: true }));
6051
6069
  exports.makeDetailsSectionFC = void 0;
@@ -6094,7 +6112,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
6094
6112
  return (React.createElement("span", { "aria-hidden": "true" },
6095
6113
  React.createElement(outcome_chip_1.OutcomeChip, { count: count, outcomeType: outcomeType })));
6096
6114
  };
6097
- const renderRuleName = () => (React.createElement("span", { "data-automation-id": exports.cardsRuleIdAutomationId, className: "rule-details-id" }, rule.id));
6115
+ const renderRuleName = () => (React.createElement("span", { "data-automation-id": exports.cardsRuleIdAutomationId, className: "rule-details-id" },
6116
+ React.createElement("strong", null, rule.id)));
6098
6117
  const renderDescription = () => (React.createElement("span", { className: "rule-details-description" }, rule.description));
6099
6118
  return (React.createElement("span", { "data-automation-id": exports.ruleDetailAutomationId, className: "rule-detail" },
6100
6119
  React.createElement("span", { className: minimal_rule_header_scss_1.outcomeChipContainer }, renderCountBadge()),
@@ -6217,7 +6236,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
6217
6236
  /***/ "./src/reports/components/report-sections/report-collapsible-container.tsx":
6218
6237
  /***/ ((module, exports, __webpack_require__) => {
6219
6238
 
6220
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@uifabric/utilities"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, named_fc_1, React) {
6239
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/utilities"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, named_fc_1, React) {
6221
6240
  "use strict";
6222
6241
  Object.defineProperty(exports, "__esModule", ({ value: true }));
6223
6242
  exports.ReportCollapsibleContainerControl = void 0;
@@ -6370,7 +6389,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
6370
6389
  /***/ "./src/reports/components/report-sections/summary-report-details-section.tsx":
6371
6390
  /***/ ((module, exports, __webpack_require__) => {
6372
6391
 
6373
- var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("./src/common/icons/date-icon.tsx"), __webpack_require__("./src/common/icons/url-icon.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("office-ui-fabric-react"), __webpack_require__("react"), __webpack_require__("./src/reports/components/new-tab-link-confirmation-dialog.tsx"), __webpack_require__("./src/reports/components/report-sections/summary-report-details-section.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, date_icon_1, url_icon_1, named_fc_1, office_ui_fabric_react_1, React, new_tab_link_confirmation_dialog_1, styles) {
6392
+ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("./src/common/icons/date-icon.tsx"), __webpack_require__("./src/common/icons/url-icon.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react"), __webpack_require__("./src/reports/components/new-tab-link-confirmation-dialog.tsx"), __webpack_require__("./src/reports/components/report-sections/summary-report-details-section.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, date_icon_1, url_icon_1, named_fc_1, React, new_tab_link_confirmation_dialog_1, styles) {
6374
6393
  "use strict";
6375
6394
  Object.defineProperty(exports, "__esModule", ({ value: true }));
6376
6395
  exports.SummaryReportDetailsSection = void 0;
@@ -6381,7 +6400,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
6381
6400
  React.createElement("span", { className: styles.icon, "aria-hidden": "true" }, icon),
6382
6401
  React.createElement("span", { className: styles.label }, `${label} `),
6383
6402
  React.createElement("span", { className: styles.text }, content))) : (React.createElement("li", { key: label, className: className },
6384
- React.createElement("span", { className: (0, office_ui_fabric_react_1.css)(styles.noIcon, styles.label) }, `${label} `),
6403
+ React.createElement("span", { className: (0, react_1.css)(styles.noIcon, styles.label) }, `${label} `),
6385
6404
  React.createElement("span", { className: styles.text }, content)));
6386
6405
  const listItems = [];
6387
6406
  listItems.push(createListItem('Target site', React.createElement(new_tab_link_confirmation_dialog_1.NewTabLinkWithConfirmationDialog, { href: scanMetadata.targetAppInfo.url, title: scanMetadata.targetAppInfo.name }, scanMetadata.targetAppInfo.url), React.createElement(url_icon_1.UrlIcon, null), styles.targetSite));
@@ -8672,19 +8691,35 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
8672
8691
 
8673
8692
  /***/ }),
8674
8693
 
8675
- /***/ "@uifabric/styling/lib/index":
8694
+ /***/ "@fluentui/font-icons-mdl2":
8695
+ /***/ ((module) => {
8696
+
8697
+ "use strict";
8698
+ module.exports = require("@fluentui/font-icons-mdl2");
8699
+
8700
+ /***/ }),
8701
+
8702
+ /***/ "@fluentui/react":
8676
8703
  /***/ ((module) => {
8677
8704
 
8678
8705
  "use strict";
8679
- module.exports = require("@uifabric/styling/lib/index");
8706
+ module.exports = require("@fluentui/react");
8680
8707
 
8681
8708
  /***/ }),
8682
8709
 
8683
- /***/ "@uifabric/utilities":
8710
+ /***/ "@fluentui/style-utilities":
8684
8711
  /***/ ((module) => {
8685
8712
 
8686
8713
  "use strict";
8687
- module.exports = require("@uifabric/utilities");
8714
+ module.exports = require("@fluentui/style-utilities");
8715
+
8716
+ /***/ }),
8717
+
8718
+ /***/ "@fluentui/utilities":
8719
+ /***/ ((module) => {
8720
+
8721
+ "use strict";
8722
+ module.exports = require("@fluentui/utilities");
8688
8723
 
8689
8724
  /***/ }),
8690
8725
 
@@ -8720,14 +8755,6 @@ module.exports = require("luxon");
8720
8755
 
8721
8756
  /***/ }),
8722
8757
 
8723
- /***/ "office-ui-fabric-react":
8724
- /***/ ((module) => {
8725
-
8726
- "use strict";
8727
- module.exports = require("office-ui-fabric-react");
8728
-
8729
- /***/ }),
8730
-
8731
8758
  /***/ "react":
8732
8759
  /***/ ((module) => {
8733
8760
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "accessibility-insights-report",
3
- "version": "4.2.1",
3
+ "version": "4.2.2",
4
4
  "description": "Accessibility Insights Report",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -18,11 +18,11 @@
18
18
  "url": "https://github.com/Microsoft/accessibility-insights-web"
19
19
  },
20
20
  "dependencies": {
21
+ "@fluentui/react": "^8.49.6",
21
22
  "axe-core": "4.3.2",
22
23
  "classnames": "^2.3.1",
23
24
  "lodash": "^4.17.21",
24
- "luxon": "^2.3.0",
25
- "office-ui-fabric-react": "7.98.1",
25
+ "luxon": "^2.3.1",
26
26
  "react": "^16.14.0",
27
27
  "react-dom": "^16.14.0",
28
28
  "react-helmet": "^6.1.0",