@carbon/ibm-products 1.2.5 → 1.6.0

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 (164) hide show
  1. package/css/index-full-carbon.css +1028 -517
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-without-carbon-released-only.css +187 -108
  5. package/css/index-without-carbon-released-only.css.map +1 -1
  6. package/css/index-without-carbon-released-only.min.css +3 -3
  7. package/css/index-without-carbon.css +580 -114
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +3 -3
  10. package/css/index.css +804 -116
  11. package/css/index.css.map +1 -1
  12. package/css/index.min.css +3 -3
  13. package/es/components/APIKeyModal/APIKeyModal.js +25 -29
  14. package/es/components/ActionBar/ActionBar.js +4 -1
  15. package/es/components/ActionSet/ActionSet.js +22 -10
  16. package/es/components/ActionSet/actions.js +25 -17
  17. package/es/components/AddSelect/AddSelect.js +198 -0
  18. package/es/components/AddSelect/AddSelectBreadcrumbs.js +56 -0
  19. package/es/components/AddSelect/AddSelectList.js +94 -0
  20. package/es/components/AddSelect/AddSelectSidebar.js +46 -0
  21. package/es/components/AddSelect/index.js +7 -0
  22. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +24 -17
  23. package/es/components/CancelableTextEdit/CancelableTextEdit.js +245 -0
  24. package/es/components/{CreateTearsheet/constants.js → CancelableTextEdit/index.js} +1 -2
  25. package/es/components/Card/Card.js +6 -4
  26. package/es/components/CreateFullPage/CreateFullPage.js +102 -258
  27. package/es/components/CreateFullPage/CreateFullPageStep.js +65 -13
  28. package/es/components/CreateFullPage/index.js +1 -2
  29. package/es/components/CreateInfluencer/CreateInfluencer.js +40 -220
  30. package/es/components/CreateTearsheet/CreateTearsheet.js +95 -146
  31. package/es/components/CreateTearsheet/CreateTearsheetStep.js +70 -20
  32. package/es/components/CreateTearsheet/index.js +0 -1
  33. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +87 -28
  34. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
  35. package/es/components/ExportModal/ExportModal.js +41 -12
  36. package/es/components/ImportModal/ImportModal.js +2 -1
  37. package/es/components/InlineEdit/InlineEdit.js +373 -0
  38. package/es/components/InlineEdit/index.js +7 -0
  39. package/es/components/MultiAddSelect/MultiAddSelect.js +16 -0
  40. package/es/components/MultiAddSelect/index.js +1 -0
  41. package/es/components/NotificationsPanel/NotificationsPanel.js +16 -3
  42. package/es/components/OptionsTile/OptionsTile.js +36 -15
  43. package/es/components/PageHeader/PageHeader.js +59 -35
  44. package/es/components/PageHeader/PageHeaderTitle.js +82 -7
  45. package/es/components/PageHeader/PageHeaderUtils.js +21 -2
  46. package/es/components/RemoveModal/RemoveModal.js +4 -2
  47. package/es/components/SidePanel/SidePanel.js +33 -16
  48. package/es/components/SingleAddSelect/SingleAddSelect.js +15 -0
  49. package/es/components/SingleAddSelect/index.js +1 -0
  50. package/es/components/TagSet/TagSet.js +4 -1
  51. package/es/components/Tearsheet/Tearsheet.js +1 -1
  52. package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
  53. package/es/components/Tearsheet/TearsheetShell.js +1 -1
  54. package/es/components/Toolbar/Toolbar.js +69 -8
  55. package/es/components/WebTerminal/WebTerminal.js +1 -1
  56. package/es/components/index.js +5 -1
  57. package/es/global/js/hooks/index.js +1 -0
  58. package/es/global/js/hooks/useCreateComponentFocus.js +15 -19
  59. package/es/global/js/hooks/useCreateComponentStepChange.js +69 -79
  60. package/es/global/js/hooks/useResetCreateComponent.js +7 -4
  61. package/es/global/js/hooks/useRetrieveStepData.js +51 -0
  62. package/es/global/js/hooks/useValidCreateStepCount.js +4 -7
  63. package/es/global/js/package-settings.js +5 -1
  64. package/es/global/js/utils/lastIndexInArray.js +26 -0
  65. package/es/settings.js +0 -5
  66. package/lib/components/APIKeyModal/APIKeyModal.js +25 -29
  67. package/lib/components/ActionBar/ActionBar.js +4 -1
  68. package/lib/components/ActionSet/ActionSet.js +22 -10
  69. package/lib/components/ActionSet/actions.js +25 -17
  70. package/lib/components/AddSelect/AddSelect.js +223 -0
  71. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +71 -0
  72. package/lib/components/AddSelect/AddSelectList.js +112 -0
  73. package/lib/components/AddSelect/AddSelectSidebar.js +63 -0
  74. package/lib/components/AddSelect/index.js +13 -0
  75. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +23 -16
  76. package/lib/components/CancelableTextEdit/CancelableTextEdit.js +265 -0
  77. package/lib/components/CancelableTextEdit/index.js +13 -0
  78. package/lib/components/Card/Card.js +6 -4
  79. package/lib/components/CreateFullPage/CreateFullPage.js +102 -258
  80. package/lib/components/CreateFullPage/CreateFullPageStep.js +68 -13
  81. package/lib/components/CreateFullPage/index.js +1 -9
  82. package/lib/components/CreateInfluencer/CreateInfluencer.js +38 -231
  83. package/lib/components/CreateTearsheet/CreateTearsheet.js +97 -148
  84. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +72 -19
  85. package/lib/components/CreateTearsheet/index.js +0 -8
  86. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +86 -34
  87. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
  88. package/lib/components/ExportModal/ExportModal.js +38 -11
  89. package/lib/components/ImportModal/ImportModal.js +2 -1
  90. package/lib/components/InlineEdit/InlineEdit.js +389 -0
  91. package/lib/components/InlineEdit/index.js +13 -0
  92. package/lib/components/MultiAddSelect/MultiAddSelect.js +37 -0
  93. package/lib/components/MultiAddSelect/index.js +13 -0
  94. package/lib/components/NotificationsPanel/NotificationsPanel.js +13 -1
  95. package/lib/components/OptionsTile/OptionsTile.js +36 -15
  96. package/lib/components/PageHeader/PageHeader.js +59 -35
  97. package/lib/components/PageHeader/PageHeaderTitle.js +91 -9
  98. package/lib/components/PageHeader/PageHeaderUtils.js +21 -2
  99. package/lib/components/RemoveModal/RemoveModal.js +4 -2
  100. package/lib/components/SidePanel/SidePanel.js +33 -16
  101. package/lib/components/SingleAddSelect/SingleAddSelect.js +36 -0
  102. package/lib/components/SingleAddSelect/index.js +13 -0
  103. package/lib/components/TagSet/TagSet.js +4 -1
  104. package/lib/components/Tearsheet/Tearsheet.js +1 -1
  105. package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
  106. package/lib/components/Tearsheet/TearsheetShell.js +1 -1
  107. package/lib/components/Toolbar/Toolbar.js +69 -6
  108. package/lib/components/WebTerminal/WebTerminal.js +1 -1
  109. package/lib/components/index.js +33 -1
  110. package/lib/global/js/hooks/index.js +8 -0
  111. package/lib/global/js/hooks/useCreateComponentFocus.js +15 -19
  112. package/lib/global/js/hooks/useCreateComponentStepChange.js +69 -79
  113. package/lib/global/js/hooks/useResetCreateComponent.js +7 -4
  114. package/lib/global/js/hooks/useRetrieveStepData.js +62 -0
  115. package/lib/global/js/hooks/useValidCreateStepCount.js +4 -7
  116. package/lib/global/js/package-settings.js +5 -1
  117. package/lib/global/js/utils/lastIndexInArray.js +35 -0
  118. package/lib/settings.js +0 -6
  119. package/package.json +19 -19
  120. package/scss/components/AddSelect/_add-select.scss +108 -0
  121. package/scss/components/AddSelect/_index.scss +10 -0
  122. package/scss/components/AddSelect/_storybook-styles.scss +6 -0
  123. package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +19 -15
  124. package/scss/components/BreadcrumbWithOverflow/_index.scss +1 -1
  125. package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +212 -0
  126. package/{es/components/CreateFullPage/constants.js → scss/components/CancelableTextEdit/_index.scss} +2 -2
  127. package/scss/components/CancelableTextEdit/_storybook-styles.scss +15 -0
  128. package/scss/components/CreateFullPage/_create-full-page.scss +4 -11
  129. package/scss/components/CreateInfluencer/_create-influencer.scss +4 -4
  130. package/scss/components/CreateTearsheet/_create-tearsheet.scss +6 -10
  131. package/scss/components/InlineEdit/_index.scss +8 -0
  132. package/scss/components/InlineEdit/_inline-edit.scss +245 -0
  133. package/scss/components/InlineEdit/_storybook-styles.scss +28 -0
  134. package/scss/components/MultiAddSelect/_index.scss +1 -0
  135. package/scss/components/MultiAddSelect/_multi-add-select.scss +1 -0
  136. package/scss/components/MultiAddSelect/_storybook-styles.scss +6 -0
  137. package/scss/components/NotificationsPanel/_notifications-panel.scss +2 -2
  138. package/scss/components/PageHeader/_index.scss +1 -1
  139. package/scss/components/PageHeader/_page-header.scss +15 -5
  140. package/scss/components/ProductiveCard/_productive-card.scss +0 -4
  141. package/scss/components/SidePanel/_side-panel.scss +15 -6
  142. package/scss/components/SingleAddSelect/_index.scss +1 -0
  143. package/scss/components/SingleAddSelect/_single-add-select.scss +1 -0
  144. package/scss/components/SingleAddSelect/_storybook-styles.scss +6 -0
  145. package/scss/components/StatusIcon/_index.scss +1 -1
  146. package/scss/components/StatusIcon/_status-icon.scss +2 -0
  147. package/scss/components/TagSet/_index.scss +1 -1
  148. package/scss/components/UserProfileImage/_index.scss +1 -1
  149. package/scss/components/WebTerminal/_web-terminal.scss +2 -2
  150. package/scss/components/_index.scss +4 -0
  151. package/scss/global/styles/_project-settings.scss +5 -1
  152. package/es/components/CreateFullPage/CreateFullPageSection.js +0 -53
  153. package/es/components/CreateTearsheet/CreateTearsheetSection.js +0 -83
  154. package/es/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -327
  155. package/es/generated/feature-flags/feature-flags.js +0 -15
  156. package/es/global/js/utils/hasValidType.js +0 -94
  157. package/lib/components/CreateFullPage/CreateFullPageSection.js +0 -74
  158. package/lib/components/CreateFullPage/constants.js +0 -16
  159. package/lib/components/CreateTearsheet/CreateTearsheetSection.js +0 -105
  160. package/lib/components/CreateTearsheet/constants.js +0 -17
  161. package/lib/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -354
  162. package/lib/generated/feature-flags/feature-flags.js +0 -22
  163. package/lib/global/js/utils/hasValidType.js +0 -110
  164. package/scss/generated/feature-flags/_feature-flags.scss +0 -19
@@ -4066,7 +4066,7 @@ fieldset[disabled] .bx--form__helper-text {
4066
4066
  outline: 2px solid transparent;
4067
4067
  outline-offset: -2px;
4068
4068
  border-bottom: 1px solid transparent;
4069
- background-color: var(--cds-field-disabled, #f4f4f4);
4069
+ background-color: var(--cds-field, #f4f4f4);
4070
4070
  color: var(--cds-text-disabled, #c6c6c6);
4071
4071
  cursor: not-allowed;
4072
4072
  -webkit-text-fill-color: var(--cds-disabled-02, #c6c6c6);
@@ -11581,7 +11581,7 @@ a.bx--overflow-menu-options__btn::before {
11581
11581
  /* stylelint-disable-line no-invalid-position-at-import-rule */
11582
11582
  /* stylelint-disable-line no-invalid-position-at-import-rule */
11583
11583
  /* stylelint-disable-line no-invalid-position-at-import-rule */
11584
- @keyframes influencerMenuEntrance {
11584
+ @keyframes influencer-menu-entrance {
11585
11585
  0% {
11586
11586
  opacity: 0;
11587
11587
  transform: translateX(calc(-1 * var(--cds-spacing-05, 1rem)));
@@ -11591,7 +11591,7 @@ a.bx--overflow-menu-options__btn::before {
11591
11591
  transform: translateX(0);
11592
11592
  }
11593
11593
  }
11594
- @keyframes influencerMenuExit {
11594
+ @keyframes influencer-menu-exit {
11595
11595
  0% {
11596
11596
  opacity: 1;
11597
11597
  transform: translateX(0);
@@ -11626,14 +11626,14 @@ a.bx--overflow-menu-options__btn::before {
11626
11626
 
11627
11627
  .c4p--create-influencer__side-nav-opening,
11628
11628
  .c4p--create-influencer__progress-indicator-opening {
11629
- animation: influencerMenuEntrance 240ms 1;
11629
+ animation: influencer-menu-entrance 240ms 1;
11630
11630
  animation-fill-mode: forwards;
11631
11631
  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
11632
11632
  }
11633
11633
 
11634
11634
  .c4p--create-influencer__side-nav-closing,
11635
11635
  .c4p--create-influencer__progress-indicator-closing {
11636
- animation: influencerMenuExit 240ms 1;
11636
+ animation: influencer-menu-exit 240ms 1;
11637
11637
  animation-fill-mode: forwards;
11638
11638
  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
11639
11639
  }
@@ -11755,20 +11755,14 @@ a.bx--overflow-menu-options__btn::before {
11755
11755
  margin-left: 0;
11756
11756
  }
11757
11757
 
11758
- .c4p--create-full-page .c4p--create-full-page__step--hidden-step,
11759
- .c4p--create-full-page .c4p--create-full-page__step--hidden-section {
11758
+ .c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
11760
11759
  display: none;
11761
11760
  }
11762
11761
 
11763
- .c4p--create-full-page .c4p--create-full-page__step--visible-section {
11762
+ .c4p--create-full-page .c4p--create-full-page__step__step--visible-step {
11764
11763
  display: block;
11765
11764
  }
11766
11765
 
11767
- .c4p--create-full-page .c4p--create-full-page__step--visible-step {
11768
- opacity: 1;
11769
- }
11770
-
11771
- .c4p--create-full-page .c4p--create-full-page__section-subtitle,
11772
11766
  .c4p--create-full-page .c4p--create-full-page__step-subtitle {
11773
11767
  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
11774
11768
  font-weight: var(--cds-productive-heading-01-font-weight, 600);
@@ -11778,7 +11772,6 @@ a.bx--overflow-menu-options__btn::before {
11778
11772
  margin-bottom: var(--cds-spacing-03, 0.5rem);
11779
11773
  }
11780
11774
 
11781
- .c4p--create-full-page .c4p--create-full-page__section-description,
11782
11775
  .c4p--create-full-page .c4p--create-full-page__step-description {
11783
11776
  font-size: var(--cds-body-long-01-font-size, 0.875rem);
11784
11777
  font-weight: var(--cds-body-long-01-font-weight, 400);
@@ -11866,8 +11859,7 @@ a.bx--overflow-menu-options__btn::before {
11866
11859
  content: "";
11867
11860
  }
11868
11861
 
11869
- .c4p--create-full-page .c4p--create-full-page__step-title,
11870
- .c4p--create-full-page .c4p--create-full-page__section-title {
11862
+ .c4p--create-full-page .c4p--create-full-page__step-title {
11871
11863
  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
11872
11864
  font-weight: var(--cds-productive-heading-04-font-weight, 400);
11873
11865
  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
@@ -12262,7 +12254,7 @@ a.bx--overflow-menu-options__btn::before {
12262
12254
  stroke-dashoffset: 0;
12263
12255
  }
12264
12256
  }
12265
- @keyframes sidePanelExitLeft {
12257
+ @keyframes side-panel-exit-left {
12266
12258
  0% {
12267
12259
  opacity: 1;
12268
12260
  transform: translateX(0);
@@ -12272,7 +12264,7 @@ a.bx--overflow-menu-options__btn::before {
12272
12264
  transform: translateX(calc(-1 * 30rem));
12273
12265
  }
12274
12266
  }
12275
- @keyframes sidePanelExitRight {
12267
+ @keyframes side-panel-exit-right {
12276
12268
  0% {
12277
12269
  opacity: 1;
12278
12270
  transform: translateX(0);
@@ -12320,7 +12312,7 @@ a.bx--overflow-menu-options__btn::before {
12320
12312
  right: 0;
12321
12313
  border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
12322
12314
  }
12323
- @keyframes sidePanelEntranceRight {
12315
+ @keyframes side-panel-entrance-right {
12324
12316
  0% {
12325
12317
  opacity: 0;
12326
12318
  transform: translateX(16rem);
@@ -12336,7 +12328,7 @@ a.bx--overflow-menu-options__btn::before {
12336
12328
  left: 0;
12337
12329
  border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
12338
12330
  }
12339
- @keyframes sidePanelEntranceLeft {
12331
+ @keyframes side-panel-entrance-left {
12340
12332
  0% {
12341
12333
  opacity: 0;
12342
12334
  transform: translateX(-16rem);
@@ -12363,7 +12355,7 @@ a.bx--overflow-menu-options__btn::before {
12363
12355
  right: 0;
12364
12356
  border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
12365
12357
  }
12366
- @keyframes sidePanelEntranceRight {
12358
+ @keyframes side-panel-entrance-right {
12367
12359
  0% {
12368
12360
  opacity: 0;
12369
12361
  transform: translateX(20rem);
@@ -12379,7 +12371,7 @@ a.bx--overflow-menu-options__btn::before {
12379
12371
  left: 0;
12380
12372
  border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
12381
12373
  }
12382
- @keyframes sidePanelEntranceLeft {
12374
+ @keyframes side-panel-entrance-left {
12383
12375
  0% {
12384
12376
  opacity: 0;
12385
12377
  transform: translateX(-20rem);
@@ -12406,7 +12398,7 @@ a.bx--overflow-menu-options__btn::before {
12406
12398
  right: 0;
12407
12399
  border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
12408
12400
  }
12409
- @keyframes sidePanelEntranceRight {
12401
+ @keyframes side-panel-entrance-right {
12410
12402
  0% {
12411
12403
  opacity: 0;
12412
12404
  transform: translateX(30rem);
@@ -12422,7 +12414,7 @@ a.bx--overflow-menu-options__btn::before {
12422
12414
  left: 0;
12423
12415
  border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
12424
12416
  }
12425
- @keyframes sidePanelEntranceLeft {
12417
+ @keyframes side-panel-entrance-left {
12426
12418
  0% {
12427
12419
  opacity: 0;
12428
12420
  transform: translateX(-30rem);
@@ -12449,7 +12441,7 @@ a.bx--overflow-menu-options__btn::before {
12449
12441
  right: 0;
12450
12442
  border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
12451
12443
  }
12452
- @keyframes sidePanelEntranceRight {
12444
+ @keyframes side-panel-entrance-right {
12453
12445
  0% {
12454
12446
  opacity: 0;
12455
12447
  transform: translateX(40rem);
@@ -12465,7 +12457,7 @@ a.bx--overflow-menu-options__btn::before {
12465
12457
  left: 0;
12466
12458
  border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
12467
12459
  }
12468
- @keyframes sidePanelEntranceLeft {
12460
+ @keyframes side-panel-entrance-left {
12469
12461
  0% {
12470
12462
  opacity: 0;
12471
12463
  transform: translateX(-40rem);
@@ -12492,7 +12484,7 @@ a.bx--overflow-menu-options__btn::before {
12492
12484
  right: 0;
12493
12485
  border-left: 1px solid var(--cds-decorative-01, #e0e0e0);
12494
12486
  }
12495
- @keyframes sidePanelEntranceRight {
12487
+ @keyframes side-panel-entrance-right {
12496
12488
  0% {
12497
12489
  opacity: 0;
12498
12490
  transform: translateX(75%);
@@ -12508,7 +12500,7 @@ a.bx--overflow-menu-options__btn::before {
12508
12500
  left: 0;
12509
12501
  border-right: 1px solid var(--cds-decorative-01, #e0e0e0);
12510
12502
  }
12511
- @keyframes sidePanelEntranceLeft {
12503
+ @keyframes side-panel-entrance-left {
12512
12504
  0% {
12513
12505
  opacity: 0;
12514
12506
  transform: translateX(-75%);
@@ -12552,6 +12544,15 @@ a.bx--overflow-menu-options__btn::before {
12552
12544
  content: "";
12553
12545
  opacity: var(--c4p--side-panel--divider-opacity);
12554
12546
  }
12547
+ .c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion {
12548
+ z-index: 5;
12549
+ border-bottom: 1px solid var(--cds-decorative-01, #e0e0e0);
12550
+ margin-bottom: var(--cds-spacing-05, 1rem);
12551
+ }
12552
+ .c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--reduced-motion.c4p--side-panel__title-container--no-title-animation {
12553
+ border-bottom: 0;
12554
+ margin-bottom: 0;
12555
+ }
12555
12556
  .c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__on-detail-step .c4p--side-panel__collapsed-title-text {
12556
12557
  top: var(--cds-spacing-09, 3rem);
12557
12558
  }
@@ -12782,7 +12783,7 @@ a.bx--overflow-menu-options__btn::before {
12782
12783
  background-color: var(--cds-field-02, #ffffff);
12783
12784
  }
12784
12785
 
12785
- @keyframes sidePanelOverlayEntrance {
12786
+ @keyframes side-panel-overlay-entrance {
12786
12787
  0% {
12787
12788
  opacity: 0;
12788
12789
  }
@@ -12790,7 +12791,7 @@ a.bx--overflow-menu-options__btn::before {
12790
12791
  opacity: 1;
12791
12792
  }
12792
12793
  }
12793
- @keyframes sidePanelOverlayExit {
12794
+ @keyframes side-panel-overlay-exit {
12794
12795
  0% {
12795
12796
  opacity: 1;
12796
12797
  }
@@ -14158,7 +14159,7 @@ a.bx--side-nav__link--current::before {
14158
14159
  /* stylelint-disable-line no-invalid-position-at-import-rule */
14159
14160
  /* stylelint-disable-line no-invalid-position-at-import-rule */
14160
14161
  /* stylelint-disable-line no-invalid-position-at-import-rule */
14161
- @keyframes stepContentEntrance {
14162
+ @keyframes step-content-entrance {
14162
14163
  0% {
14163
14164
  opacity: 0;
14164
14165
  transform: translateY(-0.75rem);
@@ -14172,24 +14173,19 @@ a.bx--side-nav__link--current::before {
14172
14173
  --c4p--tearsheet-create--total-width: 0;
14173
14174
  }
14174
14175
 
14175
- .c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-step,
14176
- .c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
14176
+ .c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
14177
14177
  display: none;
14178
14178
  }
14179
14179
 
14180
- .c4p--tearsheet-create .c4p--tearsheet-create__step--visible-section {
14181
- display: block;
14182
- }
14183
-
14184
- .c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
14185
- animation: 400ms stepContentEntrance;
14180
+ .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
14181
+ animation: 400ms step-content-entrance;
14186
14182
  animation-fill-mode: forwards;
14187
14183
  animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
14188
14184
  opacity: 0;
14189
14185
  }
14190
14186
 
14191
14187
  @media (prefers-reduced-motion) {
14192
- .c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
14188
+ .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
14193
14189
  animation: none;
14194
14190
  opacity: 1;
14195
14191
  }
@@ -16392,180 +16388,499 @@ a.bx--side-nav__link--current::before {
16392
16388
  /* stylelint-disable-line no-invalid-position-at-import-rule */
16393
16389
  /* stylelint-disable-line no-invalid-position-at-import-rule */
16394
16390
  /* stylelint-disable-line no-invalid-position-at-import-rule */
16395
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16396
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16397
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16398
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16399
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16400
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16401
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16402
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16403
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16404
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16405
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16406
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16407
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16408
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16409
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16410
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16411
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16412
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16413
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16414
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16415
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16416
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16417
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16418
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16419
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16420
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16421
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16422
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16423
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16424
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16425
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16426
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16427
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16428
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16429
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16430
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16431
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16432
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16433
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16434
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16435
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16436
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16437
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16438
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16439
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16440
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16441
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16442
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16443
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16444
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16445
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16446
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16447
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16448
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16449
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16450
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16451
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16452
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16453
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16454
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16455
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16456
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16457
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16458
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16459
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16460
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16461
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16462
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16463
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16464
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16465
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16466
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16467
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16468
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16469
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16470
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16471
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16472
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16473
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16474
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16475
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16476
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16477
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16478
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16479
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16480
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16481
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16482
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16483
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16484
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16485
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16486
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16487
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16488
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16489
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16490
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16491
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16492
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16493
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16494
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16495
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16496
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16497
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16498
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16499
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16500
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16501
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16502
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16503
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16504
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16505
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16506
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16507
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16508
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16509
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16510
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16511
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16512
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16513
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16514
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16515
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16516
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16517
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16518
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16519
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16520
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16521
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16522
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16523
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16524
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16525
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16526
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16527
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16528
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16529
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16530
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16531
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16532
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16533
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16534
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16535
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16536
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16537
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16538
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16539
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16540
- /* stylelint-disable-line no-invalid-position-at-import-rule */
16541
- @keyframes fadeIn {
16542
- 0% {
16543
- opacity: 0;
16544
- transform: translateY(-38.5rem);
16545
- }
16546
- 100% {
16547
- opacity: 1;
16548
- transform: translateY(0);
16549
- }
16391
+ .bx--structured-list--selection .bx--structured-list-td,
16392
+ .bx--structured-list--selection .bx--structured-list-th {
16393
+ padding-right: 1rem;
16394
+ padding-left: 1rem;
16550
16395
  }
16551
- @keyframes fadeOut {
16552
- 0% {
16553
- opacity: 1;
16554
- transform: translateY(0);
16555
- }
16556
- 100% {
16557
- opacity: 0;
16558
- transform: translateY(-38.5rem);
16396
+ .bx--structured-list--selection .bx--structured-list-td:first-child,
16397
+ .bx--structured-list--selection .bx--structured-list-th:first-child {
16398
+ padding-right: 1rem;
16399
+ padding-left: 1rem;
16400
+ }
16401
+
16402
+ .bx--structured-list-input {
16403
+ display: none;
16404
+ }
16405
+
16406
+ .bx--structured-list {
16407
+ box-sizing: border-box;
16408
+ padding: 0;
16409
+ border: 0;
16410
+ margin: 0;
16411
+ font-family: inherit;
16412
+ font-size: 100%;
16413
+ vertical-align: baseline;
16414
+ display: table;
16415
+ width: 100%;
16416
+ margin-bottom: 5rem;
16417
+ background-color: transparent;
16418
+ border-collapse: collapse;
16419
+ border-spacing: 0;
16420
+ overflow-x: auto;
16421
+ overflow-y: hidden;
16422
+ }
16423
+ .bx--structured-list *,
16424
+ .bx--structured-list *::before,
16425
+ .bx--structured-list *::after {
16426
+ box-sizing: inherit;
16427
+ }
16428
+ .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
16429
+ padding: 0.5rem;
16430
+ }
16431
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
16432
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
16433
+ padding-left: 1rem;
16434
+ }
16435
+ .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
16436
+ padding-right: 1rem;
16437
+ padding-left: 0;
16438
+ }
16439
+
16440
+ .bx--structured-list-row {
16441
+ display: table-row;
16442
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
16443
+ transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16444
+ }
16445
+
16446
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
16447
+ border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
16448
+ background-color: var(--cds-hover-row, #e5e5e5);
16449
+ cursor: pointer;
16450
+ }
16451
+
16452
+ .bx--structured-list-row.bx--structured-list-row--selected {
16453
+ background-color: var(--cds-selected-ui, #e0e0e0);
16454
+ }
16455
+
16456
+ .bx--structured-list-row.bx--structured-list-row--header-row {
16457
+ border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
16458
+ cursor: inherit;
16459
+ }
16460
+
16461
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
16462
+ outline: 2px solid var(--cds-focus, #0f62fe);
16463
+ outline-offset: -2px;
16464
+ }
16465
+ @media screen and (prefers-contrast) {
16466
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
16467
+ outline-style: dotted;
16559
16468
  }
16560
16469
  }
16561
- .c4p--notifications-panel__container {
16562
- --cds-interactive-01: #0f62fe;
16563
- --cds-interactive-02: #6f6f6f;
16564
- --cds-interactive-03: #ffffff;
16565
- --cds-interactive-04: #4589ff;
16566
- --cds-ui-background: #161616;
16567
- --cds-ui-01: #262626;
16568
- --cds-ui-02: #393939;
16470
+
16471
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
16472
+ .bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
16473
+ color: var(--cds-text-01, #161616);
16474
+ }
16475
+
16476
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
16477
+ border-top: 1px solid var(--cds-ui-01, #f4f4f4);
16478
+ }
16479
+
16480
+ .bx--structured-list-thead {
16481
+ display: table-header-group;
16482
+ vertical-align: middle;
16483
+ }
16484
+
16485
+ .bx--structured-list-th {
16486
+ box-sizing: border-box;
16487
+ padding: 0;
16488
+ border: 0;
16489
+ margin: 0;
16490
+ font-family: inherit;
16491
+ font-size: 100%;
16492
+ vertical-align: baseline;
16493
+ padding: 1rem 0.5rem 0.5rem 0.5rem;
16494
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
16495
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
16496
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
16497
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
16498
+ display: table-cell;
16499
+ height: 2.5rem;
16500
+ color: var(--cds-text-01, #161616);
16501
+ font-weight: 600;
16502
+ text-align: left;
16503
+ text-transform: none;
16504
+ vertical-align: top;
16505
+ }
16506
+ .bx--structured-list-th *,
16507
+ .bx--structured-list-th *::before,
16508
+ .bx--structured-list-th *::after {
16509
+ box-sizing: inherit;
16510
+ }
16511
+
16512
+ .bx--structured-list-tbody {
16513
+ display: table-row-group;
16514
+ vertical-align: middle;
16515
+ }
16516
+
16517
+ .bx--structured-list-td {
16518
+ box-sizing: border-box;
16519
+ padding: 0;
16520
+ border: 0;
16521
+ margin: 0;
16522
+ font-family: inherit;
16523
+ font-size: 100%;
16524
+ vertical-align: baseline;
16525
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
16526
+ font-weight: var(--cds-body-long-01-font-weight, 400);
16527
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
16528
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
16529
+ padding: 1rem 0.5rem 1.5rem 0.5rem;
16530
+ position: relative;
16531
+ display: table-cell;
16532
+ max-width: 36rem;
16533
+ color: var(--cds-text-02, #525252);
16534
+ transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16535
+ }
16536
+ .bx--structured-list-td *,
16537
+ .bx--structured-list-td *::before,
16538
+ .bx--structured-list-td *::after {
16539
+ box-sizing: inherit;
16540
+ }
16541
+
16542
+ .bx--structured-list-content--nowrap {
16543
+ white-space: nowrap;
16544
+ }
16545
+
16546
+ .bx--structured-list-svg {
16547
+ display: inline-block;
16548
+ fill: transparent;
16549
+ transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16550
+ vertical-align: middle;
16551
+ }
16552
+
16553
+ .bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
16554
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
16555
+ fill: var(--cds-icon-01, #161616);
16556
+ }
16557
+
16558
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
16559
+ width: 8%;
16560
+ }
16561
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
16562
+ width: 30%;
16563
+ }
16564
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
16565
+ width: 15%;
16566
+ }
16567
+ .bx--structured-list.bx--skeleton span {
16568
+ position: relative;
16569
+ padding: 0;
16570
+ border: none;
16571
+ background: var(--cds-skeleton-01, #e5e5e5);
16572
+ box-shadow: none;
16573
+ pointer-events: none;
16574
+ display: block;
16575
+ width: 75%;
16576
+ height: 1rem;
16577
+ }
16578
+ .bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
16579
+ border: none;
16580
+ cursor: default;
16581
+ outline: none;
16582
+ }
16583
+ .bx--structured-list.bx--skeleton span::before {
16584
+ position: absolute;
16585
+ top: 0;
16586
+ left: 0;
16587
+ width: 100%;
16588
+ height: 100%;
16589
+ animation: 3000ms ease-in-out skeleton infinite;
16590
+ background: var(--cds-skeleton-02, #c6c6c6);
16591
+ content: "";
16592
+ will-change: transform-origin, transform, opacity;
16593
+ }
16594
+ @media (prefers-reduced-motion: reduce) {
16595
+ .bx--structured-list.bx--skeleton span::before {
16596
+ animation: none;
16597
+ }
16598
+ }
16599
+
16600
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
16601
+ width: 5%;
16602
+ }
16603
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
16604
+ display: none;
16605
+ }
16606
+
16607
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
16608
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
16609
+ fill: ButtonText;
16610
+ }
16611
+ }
16612
+
16613
+ .c4p--add-select__header {
16614
+ padding: var(--cds-spacing-05, 1rem);
16615
+ padding-bottom: 0;
16616
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
16617
+ }
16618
+
16619
+ .c4p--add-select__body {
16620
+ padding: var(--cds-spacing-05, 1rem);
16621
+ }
16622
+
16623
+ .c4p--add-select__items-label {
16624
+ margin-right: var(--cds-spacing-03, 0.5rem);
16625
+ }
16626
+ .c4p--add-select__items-label-container {
16627
+ display: flex;
16628
+ align-items: center;
16629
+ margin-top: var(--cds-spacing-05, 1rem);
16630
+ margin-bottom: var(--cds-spacing-03, 0.5rem);
16631
+ }
16632
+
16633
+ .c4p--add-select__selections {
16634
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
16635
+ }
16636
+ .c4p--add-select__selections-wrapper {
16637
+ display: block;
16638
+ }
16639
+ .c4p--add-select__selections-cell-wrapper {
16640
+ display: flex;
16641
+ align-items: center;
16642
+ justify-content: space-between;
16643
+ }
16644
+
16645
+ .c4p--add-select__influencer-header {
16646
+ display: flex;
16647
+ padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
16648
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
16649
+ }
16650
+ .c4p--add-select__influencer-header .c4p--add-select__influencer-title {
16651
+ font-size: var(--cds-productive-heading-02-font-size, 1rem);
16652
+ font-weight: var(--cds-productive-heading-02-font-weight, 600);
16653
+ line-height: var(--cds-productive-heading-02-line-height, 1.375);
16654
+ letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
16655
+ }
16656
+
16657
+ .c4p--add-select__influencer-title {
16658
+ margin-right: var(--cds-spacing-03, 0.5rem);
16659
+ }
16660
+
16661
+ .c4p--add-select__influencer-body {
16662
+ padding: var(--cds-spacing-05, 1rem);
16663
+ }
16664
+
16665
+ .c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
16666
+ max-width: 29rem;
16667
+ flex: 0 0 50%;
16668
+ }
16669
+
16670
+ .c4p--add-select .c4p--add-select__items-label {
16671
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
16672
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
16673
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
16674
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
16675
+ }
16676
+
16677
+ .c4p--add-select .bx--modal-container--sm .bx--modal-content p {
16678
+ padding-right: 0;
16679
+ }
16680
+
16681
+ .c4p--add-select .bx--structured-list-td {
16682
+ padding-bottom: var(--cds-spacing-05, 1rem);
16683
+ }
16684
+
16685
+ .c4p--add-select .bx--radio-button-wrapper .bx--radio-button__label {
16686
+ justify-content: left;
16687
+ }
16688
+
16689
+ .c4p--add-select .bx--breadcrumb .bx--link {
16690
+ cursor: pointer;
16691
+ }
16692
+
16693
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16694
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16695
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16696
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16697
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16698
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16699
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16700
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16701
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16702
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16703
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16704
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16705
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16706
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16707
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16708
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16709
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16710
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16711
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16712
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16713
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16714
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16715
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16716
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16717
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16718
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16719
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16720
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16721
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16722
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16723
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16724
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16725
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16726
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16727
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16728
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16729
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16730
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16731
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16732
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16733
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16734
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16735
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16736
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16737
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16738
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16739
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16740
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16741
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16742
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16743
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16744
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16745
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16746
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16747
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16748
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16749
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16750
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16751
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16752
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16753
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16754
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16755
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16756
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16757
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16758
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16759
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16760
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16761
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16762
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16763
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16764
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16765
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16766
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16767
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16768
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16769
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16770
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16771
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16772
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16773
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16774
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16775
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16776
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16777
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16778
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16779
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16780
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16781
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16782
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16783
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16784
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16785
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16786
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16787
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16788
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16789
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16790
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16791
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16792
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16793
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16794
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16795
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16796
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16797
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16798
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16799
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16800
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16801
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16802
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16803
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16804
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16805
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16806
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16807
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16808
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16809
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16810
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16811
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16812
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16813
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16814
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16815
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16816
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16817
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16818
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16819
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16820
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16821
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16822
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16823
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16824
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16825
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16826
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16827
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16828
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16829
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16830
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16831
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16832
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16833
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16834
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16835
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16836
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16837
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16838
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16839
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16840
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16841
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16842
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16843
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16844
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16845
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16846
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16847
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16848
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16849
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16850
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16851
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16852
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16853
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16854
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16855
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16856
+ @keyframes fade-in {
16857
+ 0% {
16858
+ opacity: 0;
16859
+ transform: translateY(-38.5rem);
16860
+ }
16861
+ 100% {
16862
+ opacity: 1;
16863
+ transform: translateY(0);
16864
+ }
16865
+ }
16866
+ @keyframes fade-out {
16867
+ 0% {
16868
+ opacity: 1;
16869
+ transform: translateY(0);
16870
+ }
16871
+ 100% {
16872
+ opacity: 0;
16873
+ transform: translateY(-38.5rem);
16874
+ }
16875
+ }
16876
+ .c4p--notifications-panel__container {
16877
+ --cds-interactive-01: #0f62fe;
16878
+ --cds-interactive-02: #6f6f6f;
16879
+ --cds-interactive-03: #ffffff;
16880
+ --cds-interactive-04: #4589ff;
16881
+ --cds-ui-background: #161616;
16882
+ --cds-ui-01: #262626;
16883
+ --cds-ui-02: #393939;
16569
16884
  --cds-ui-03: #393939;
16570
16885
  --cds-ui-04: #6f6f6f;
16571
16886
  --cds-ui-05: #f4f4f4;
@@ -16691,8 +17006,6 @@ a.bx--side-nav__link--current::before {
16691
17006
  --cds-layer-selected-hover: #4c4c4c;
16692
17007
  --cds-layer-selected-inverse: #f4f4f4;
16693
17008
  --cds-border-subtle-selected: #525252;
16694
- --cds-layer-disabled: #262626;
16695
- --cds-field-disabled: #262626;
16696
17009
  --cds-border-disabled: #262626;
16697
17010
  --cds-text-disabled: #525252;
16698
17011
  --cds-button-disabled: #525252;
@@ -18053,14 +18366,9 @@ a.bx--side-nav__link--current::before {
18053
18366
  white-space: nowrap;
18054
18367
  }
18055
18368
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
18056
- display: none;
18369
+ display: inline-flex;
18057
18370
  width: 100%;
18058
18371
  }
18059
- @media (min-width: 42rem) {
18060
- .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
18061
- display: inline-flex;
18062
- }
18063
- }
18064
18372
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
18065
18373
  width: 100%;
18066
18374
  flex-wrap: nowrap;
@@ -18075,11 +18383,24 @@ a.bx--side-nav__link--current::before {
18075
18383
  pointer-events: none;
18076
18384
  visibility: hidden;
18077
18385
  }
18386
+ .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
18387
+ display: none;
18388
+ }
18389
+ @media (max-width: 41.98rem) {
18390
+ .c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
18391
+ display: none;
18392
+ }
18393
+ .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
18078
18394
  .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
18079
- display: inline;
18395
+ display: inline-flex;
18396
+ vertical-align: middle;
18397
+ }
18398
+ }
18399
+ .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
18400
+ display: inline-flex;
18080
18401
  }
18081
18402
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
18082
- display: inline;
18403
+ display: inline-flex;
18083
18404
  overflow: hidden;
18084
18405
  }
18085
18406
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
@@ -18091,15 +18412,6 @@ a.bx--side-nav__link--current::before {
18091
18412
  .c4p--breadcrumb-with-overflow .bx--link {
18092
18413
  max-height: 18px;
18093
18414
  }
18094
- .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
18095
- display: inline-flex;
18096
- margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
18097
- }
18098
- @media (min-width: 42rem) {
18099
- .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back-button.bx--btn.bx--btn--icon-only.bx--tooltip__trigger {
18100
- display: none;
18101
- }
18102
- }
18103
18415
 
18104
18416
  /* stylelint-disable-line no-invalid-position-at-import-rule */
18105
18417
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -18244,7 +18556,7 @@ a.bx--side-nav__link--current::before {
18244
18556
 
18245
18557
  .bx--search-input[disabled] {
18246
18558
  border-bottom: 1px solid transparent;
18247
- background-color: var(--cds-field-disabled, #f4f4f4);
18559
+ background-color: var(--cds-field, #f4f4f4);
18248
18560
  color: var(--cds-disabled-02, #c6c6c6);
18249
18561
  cursor: not-allowed;
18250
18562
  }
@@ -18907,7 +19219,7 @@ a.bx--side-nav__link--current::before {
18907
19219
  height: var(--cds-spacing-02, 0.25rem);
18908
19220
  }
18909
19221
  .c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
18910
- margin-bottom: calc(-1 * var(--cds-spacing-03, 0.5rem));
19222
+ min-height: var(--cds-spacing-07, 2rem);
18911
19223
  }
18912
19224
  .c4p--page-header .c4p--page-header__breadcrumb-row--container {
18913
19225
  display: flex;
@@ -18938,7 +19250,7 @@ a.bx--side-nav__link--current::before {
18938
19250
  transform: translateX(-50%) scaleX(1);
18939
19251
  transition: all 150ms ease-out;
18940
19252
  }
18941
- .c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
19253
+ .c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
18942
19254
  .c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
18943
19255
  /* creates a full width box shadow without causing scroll */
18944
19256
  box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
@@ -19126,8 +19438,6 @@ a.bx--side-nav__link--current::before {
19126
19438
  top: var(--c4p--page-header--breadcrumb-top);
19127
19439
  }
19128
19440
  .c4p--page-header .c4p--page-header__title-column {
19129
- overflow: hidden;
19130
- /* required for ellipsis in title */
19131
19441
  min-height: 40px;
19132
19442
  flex: 0 0 100%;
19133
19443
  }
@@ -19142,10 +19452,17 @@ a.bx--side-nav__link--current::before {
19142
19452
  font-weight: var(--cds-productive-heading-04-font-weight, 400);
19143
19453
  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
19144
19454
  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
19145
- overflow: hidden;
19455
+ overflow-x: hidden;
19146
19456
  text-overflow: ellipsis;
19147
19457
  white-space: nowrap;
19148
19458
  }
19459
+ .c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
19460
+ transform: translateY(-2px);
19461
+ }
19462
+ .c4p--page-header .c4p--page-header__title--editable {
19463
+ display: flex;
19464
+ overflow: visible;
19465
+ }
19149
19466
  .c4p--page-header .c4p--page-header__title-skeleton {
19150
19467
  height: var(--cds-spacing-07, 2rem);
19151
19468
  }
@@ -19432,9 +19749,6 @@ a.bx--side-nav__link--current::before {
19432
19749
  justify-content: space-between;
19433
19750
  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
19434
19751
  }
19435
- .c4p--card__productive .c4p--card__footer .bx--btn svg {
19436
- margin-left: var(--cds-spacing-03, 0.5rem);
19437
- }
19438
19752
  .c4p--card__productive .c4p--card__footer-no-button {
19439
19753
  justify-content: flex-end;
19440
19754
  }
@@ -19909,6 +20223,23 @@ a.bx--side-nav__link--current::before {
19909
20223
  /* stylelint-disable-line no-invalid-position-at-import-rule */
19910
20224
  /* stylelint-disable-line no-invalid-position-at-import-rule */
19911
20225
  /* stylelint-disable-line no-invalid-position-at-import-rule */
20226
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20227
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20228
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20229
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20230
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20231
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20232
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20233
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20234
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20235
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20236
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20237
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20238
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20239
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20240
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20241
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20242
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
19912
20243
  @keyframes rotating {
19913
20244
  0% {
19914
20245
  transform: scaleY(-1) rotate(360deg);
@@ -19934,386 +20265,470 @@ a.bx--side-nav__link--current::before {
19934
20265
  fill: #161616;
19935
20266
  }
19936
20267
 
20268
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
19937
20269
  .c4p--status-icon--light.c4p--status-icon--light-fatal {
19938
20270
  fill: #000000;
19939
20271
  }
19940
20272
  @media (prefers-reduced-motion) {
19941
- .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20273
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20274
+ .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19942
20275
  animation: none;
19943
20276
  }
19944
20277
  }
19945
20278
 
20279
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
19946
20280
  .c4p--status-icon--light.c4p--status-icon--dark-fatal {
19947
20281
  fill: #000000;
19948
20282
  }
19949
20283
  @media (prefers-reduced-motion) {
19950
- .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20284
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20285
+ .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
19951
20286
  animation: none;
19952
20287
  }
19953
20288
  }
19954
20289
 
20290
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
19955
20291
  .c4p--status-icon--light.c4p--status-icon--light-critical {
19956
20292
  fill: #da1e28;
19957
20293
  }
19958
20294
  @media (prefers-reduced-motion) {
19959
- .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20295
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20296
+ .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19960
20297
  animation: none;
19961
20298
  }
19962
20299
  }
19963
20300
 
20301
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
19964
20302
  .c4p--status-icon--light.c4p--status-icon--dark-critical {
19965
20303
  fill: #da1e28;
19966
20304
  }
19967
20305
  @media (prefers-reduced-motion) {
19968
- .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20306
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20307
+ .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
19969
20308
  animation: none;
19970
20309
  }
19971
20310
  }
19972
20311
 
20312
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
19973
20313
  .c4p--status-icon--light.c4p--status-icon--light-major-warning {
19974
20314
  fill: #ff832b;
19975
20315
  }
19976
20316
  @media (prefers-reduced-motion) {
19977
- .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20317
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20318
+ .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19978
20319
  animation: none;
19979
20320
  }
19980
20321
  }
19981
20322
 
20323
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
19982
20324
  .c4p--status-icon--light.c4p--status-icon--dark-major-warning {
19983
20325
  fill: #ff832b;
19984
20326
  }
19985
20327
  @media (prefers-reduced-motion) {
19986
- .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20328
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20329
+ .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
19987
20330
  animation: none;
19988
20331
  }
19989
20332
  }
19990
20333
 
20334
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
19991
20335
  .c4p--status-icon--light.c4p--status-icon--light-minor-warning {
19992
20336
  fill: #fddc69;
19993
20337
  }
19994
20338
  @media (prefers-reduced-motion) {
19995
- .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20339
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20340
+ .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19996
20341
  animation: none;
19997
20342
  }
19998
20343
  }
19999
20344
 
20345
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
20000
20346
  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
20001
20347
  fill: #fddc69;
20002
20348
  }
20003
20349
  @media (prefers-reduced-motion) {
20004
- .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20350
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20351
+ .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20005
20352
  animation: none;
20006
20353
  }
20007
20354
  }
20008
20355
 
20356
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
20009
20357
  .c4p--status-icon--light.c4p--status-icon--light-undefined {
20010
20358
  fill: #8a3ffc;
20011
20359
  }
20012
20360
  @media (prefers-reduced-motion) {
20013
- .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20361
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20362
+ .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20014
20363
  animation: none;
20015
20364
  }
20016
20365
  }
20017
20366
 
20367
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
20018
20368
  .c4p--status-icon--light.c4p--status-icon--dark-undefined {
20019
20369
  fill: #8a3ffc;
20020
20370
  }
20021
20371
  @media (prefers-reduced-motion) {
20022
- .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20372
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20373
+ .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20023
20374
  animation: none;
20024
20375
  }
20025
20376
  }
20026
20377
 
20378
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
20027
20379
  .c4p--status-icon--light.c4p--status-icon--light-unknown {
20028
20380
  fill: #6f6f6f;
20029
20381
  }
20030
20382
  @media (prefers-reduced-motion) {
20031
- .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20383
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20384
+ .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20032
20385
  animation: none;
20033
20386
  }
20034
20387
  }
20035
20388
 
20389
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
20036
20390
  .c4p--status-icon--light.c4p--status-icon--dark-unknown {
20037
20391
  fill: #6f6f6f;
20038
20392
  }
20039
20393
  @media (prefers-reduced-motion) {
20040
- .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20394
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20395
+ .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20041
20396
  animation: none;
20042
20397
  }
20043
20398
  }
20044
20399
 
20400
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
20045
20401
  .c4p--status-icon--light.c4p--status-icon--light-normal {
20046
20402
  fill: #198038;
20047
20403
  }
20048
20404
  @media (prefers-reduced-motion) {
20049
- .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20405
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20406
+ .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20050
20407
  animation: none;
20051
20408
  }
20052
20409
  }
20053
20410
 
20411
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
20054
20412
  .c4p--status-icon--light.c4p--status-icon--dark-normal {
20055
20413
  fill: #198038;
20056
20414
  }
20057
20415
  @media (prefers-reduced-motion) {
20058
- .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20416
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20417
+ .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20059
20418
  animation: none;
20060
20419
  }
20061
20420
  }
20062
20421
 
20422
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
20063
20423
  .c4p--status-icon--light.c4p--status-icon--light-info {
20064
20424
  fill: #0f62fe;
20065
20425
  }
20066
20426
  @media (prefers-reduced-motion) {
20067
- .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20427
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20428
+ .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20068
20429
  animation: none;
20069
20430
  }
20070
20431
  }
20071
20432
 
20433
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
20072
20434
  .c4p--status-icon--light.c4p--status-icon--dark-info {
20073
20435
  fill: #0f62fe;
20074
20436
  }
20075
20437
  @media (prefers-reduced-motion) {
20076
- .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20438
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20439
+ .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20077
20440
  animation: none;
20078
20441
  }
20079
20442
  }
20080
20443
 
20444
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20081
20445
  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20082
20446
  animation: rotating 8000ms infinite linear;
20083
20447
  fill: #0f62fe;
20084
20448
  }
20085
20449
  @media (prefers-reduced-motion: reduce) {
20086
- .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20450
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20451
+ .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20087
20452
  animation: none;
20088
20453
  }
20089
20454
  }
20090
20455
 
20456
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20091
20457
  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20092
20458
  animation: rotating 8000ms infinite linear;
20093
20459
  fill: #0f62fe;
20094
20460
  }
20095
20461
  @media (prefers-reduced-motion: reduce) {
20096
- .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20462
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20463
+ .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20097
20464
  animation: none;
20098
20465
  }
20099
20466
  }
20100
20467
 
20468
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
20101
20469
  .c4p--status-icon--light.c4p--status-icon--light-running {
20102
20470
  fill: #198038;
20103
20471
  transform: scaleY(-1);
20104
20472
  }
20105
20473
 
20474
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
20106
20475
  .c4p--status-icon--light.c4p--status-icon--dark-running {
20107
20476
  fill: #198038;
20108
20477
  transform: scaleY(-1);
20109
20478
  }
20110
20479
 
20480
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
20111
20481
  .c4p--status-icon--light.c4p--status-icon--light-pending {
20112
20482
  fill: #6f6f6f;
20113
20483
  }
20114
20484
  @media (prefers-reduced-motion) {
20115
- .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20485
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20486
+ .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20116
20487
  animation: none;
20117
20488
  }
20118
20489
  }
20119
20490
 
20491
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
20120
20492
  .c4p--status-icon--light.c4p--status-icon--dark-pending {
20121
20493
  fill: #6f6f6f;
20122
20494
  }
20123
20495
  @media (prefers-reduced-motion) {
20124
- .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20496
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20497
+ .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20125
20498
  animation: none;
20126
20499
  }
20127
20500
  }
20128
20501
 
20502
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
20129
20503
  .c4p--status-icon--dark.c4p--status-icon--light-fatal {
20130
20504
  fill: #8d8d8d;
20131
20505
  }
20132
20506
  @media (prefers-reduced-motion) {
20133
- .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20507
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20508
+ .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20134
20509
  animation: none;
20135
20510
  }
20136
20511
  }
20137
20512
 
20513
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
20138
20514
  .c4p--status-icon--dark.c4p--status-icon--dark-fatal {
20139
20515
  fill: #8d8d8d;
20140
20516
  }
20141
20517
  @media (prefers-reduced-motion) {
20142
- .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20518
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20519
+ .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20143
20520
  animation: none;
20144
20521
  }
20145
20522
  }
20146
20523
 
20524
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
20147
20525
  .c4p--status-icon--dark.c4p--status-icon--light-critical {
20148
20526
  fill: #fa4d56;
20149
20527
  }
20150
20528
  @media (prefers-reduced-motion) {
20151
- .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20529
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20530
+ .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20152
20531
  animation: none;
20153
20532
  }
20154
20533
  }
20155
20534
 
20535
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
20156
20536
  .c4p--status-icon--dark.c4p--status-icon--dark-critical {
20157
20537
  fill: #fa4d56;
20158
20538
  }
20159
20539
  @media (prefers-reduced-motion) {
20160
- .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20540
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20541
+ .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20161
20542
  animation: none;
20162
20543
  }
20163
20544
  }
20164
20545
 
20546
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
20165
20547
  .c4p--status-icon--dark.c4p--status-icon--light-major-warning {
20166
20548
  fill: #ff832b;
20167
20549
  }
20168
20550
  @media (prefers-reduced-motion) {
20169
- .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20551
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20552
+ .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20170
20553
  animation: none;
20171
20554
  }
20172
20555
  }
20173
20556
 
20557
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
20174
20558
  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
20175
20559
  fill: #ff832b;
20176
20560
  }
20177
20561
  @media (prefers-reduced-motion) {
20178
- .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20562
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20563
+ .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20179
20564
  animation: none;
20180
20565
  }
20181
20566
  }
20182
20567
 
20568
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
20183
20569
  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
20184
20570
  fill: #fddc69;
20185
20571
  }
20186
20572
  @media (prefers-reduced-motion) {
20187
- .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20573
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20574
+ .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20188
20575
  animation: none;
20189
20576
  }
20190
20577
  }
20191
20578
 
20579
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
20192
20580
  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
20193
20581
  fill: #fddc69;
20194
20582
  }
20195
20583
  @media (prefers-reduced-motion) {
20196
- .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20584
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20585
+ .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20197
20586
  animation: none;
20198
20587
  }
20199
20588
  }
20200
20589
 
20590
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
20201
20591
  .c4p--status-icon--dark.c4p--status-icon--light-undefined {
20202
20592
  fill: #a56eff;
20203
20593
  }
20204
20594
  @media (prefers-reduced-motion) {
20205
- .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20595
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20596
+ .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20206
20597
  animation: none;
20207
20598
  }
20208
20599
  }
20209
20600
 
20601
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
20210
20602
  .c4p--status-icon--dark.c4p--status-icon--dark-undefined {
20211
20603
  fill: #a56eff;
20212
20604
  }
20213
20605
  @media (prefers-reduced-motion) {
20214
- .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20606
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20607
+ .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20215
20608
  animation: none;
20216
20609
  }
20217
20610
  }
20218
20611
 
20612
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
20219
20613
  .c4p--status-icon--dark.c4p--status-icon--light-unknown {
20220
20614
  fill: #8d8d8d;
20221
20615
  }
20222
20616
  @media (prefers-reduced-motion) {
20223
- .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20617
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20618
+ .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20224
20619
  animation: none;
20225
20620
  }
20226
20621
  }
20227
20622
 
20623
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
20228
20624
  .c4p--status-icon--dark.c4p--status-icon--dark-unknown {
20229
20625
  fill: #8d8d8d;
20230
20626
  }
20231
20627
  @media (prefers-reduced-motion) {
20232
- .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20628
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20629
+ .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20233
20630
  animation: none;
20234
20631
  }
20235
20632
  }
20236
20633
 
20634
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
20237
20635
  .c4p--status-icon--dark.c4p--status-icon--light-normal {
20238
20636
  fill: #24a148;
20239
20637
  }
20240
20638
  @media (prefers-reduced-motion) {
20241
- .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20639
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20640
+ .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20242
20641
  animation: none;
20243
20642
  }
20244
20643
  }
20245
20644
 
20645
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
20246
20646
  .c4p--status-icon--dark.c4p--status-icon--dark-normal {
20247
20647
  fill: #24a148;
20248
20648
  }
20249
20649
  @media (prefers-reduced-motion) {
20250
- .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20650
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20651
+ .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20251
20652
  animation: none;
20252
20653
  }
20253
20654
  }
20254
20655
 
20656
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
20255
20657
  .c4p--status-icon--dark.c4p--status-icon--light-info {
20256
20658
  fill: #4589ff;
20257
20659
  }
20258
20660
  @media (prefers-reduced-motion) {
20259
- .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20661
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20662
+ .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20260
20663
  animation: none;
20261
20664
  }
20262
20665
  }
20263
20666
 
20667
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
20264
20668
  .c4p--status-icon--dark.c4p--status-icon--dark-info {
20265
20669
  fill: #4589ff;
20266
20670
  }
20267
20671
  @media (prefers-reduced-motion) {
20268
- .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20672
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20673
+ .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20269
20674
  animation: none;
20270
20675
  }
20271
20676
  }
20272
20677
 
20678
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20273
20679
  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20274
20680
  animation: rotating 8000ms infinite linear;
20275
20681
  fill: #4589ff;
20276
20682
  }
20277
20683
  @media (prefers-reduced-motion: reduce) {
20278
- .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20684
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20685
+ .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20279
20686
  animation: none;
20280
20687
  }
20281
20688
  }
20282
20689
 
20690
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20283
20691
  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20284
20692
  animation: rotating 8000ms infinite linear;
20285
20693
  fill: #4589ff;
20286
20694
  }
20287
20695
  @media (prefers-reduced-motion: reduce) {
20288
- .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20696
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20697
+ .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20289
20698
  animation: none;
20290
20699
  }
20291
20700
  }
20292
20701
 
20702
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
20293
20703
  .c4p--status-icon--dark.c4p--status-icon--light-running {
20294
20704
  fill: #24a148;
20295
20705
  transform: scaleY(-1);
20296
20706
  }
20297
20707
 
20708
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
20298
20709
  .c4p--status-icon--dark.c4p--status-icon--dark-running {
20299
20710
  fill: #24a148;
20300
20711
  transform: scaleY(-1);
20301
20712
  }
20302
20713
 
20714
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
20303
20715
  .c4p--status-icon--dark.c4p--status-icon--light-pending {
20304
20716
  fill: #8d8d8d;
20305
20717
  }
20306
20718
  @media (prefers-reduced-motion) {
20307
- .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20719
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20720
+ .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20308
20721
  animation: none;
20309
20722
  }
20310
20723
  }
20311
20724
 
20725
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
20312
20726
  .c4p--status-icon--dark.c4p--status-icon--dark-pending {
20313
20727
  fill: #8d8d8d;
20314
20728
  }
20315
20729
  @media (prefers-reduced-motion) {
20316
- .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20730
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20731
+ .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20317
20732
  animation: none;
20318
20733
  }
20319
20734
  }
@@ -20723,7 +21138,7 @@ a.bx--side-nav__link--current::before {
20723
21138
  /* stylelint-disable-line no-invalid-position-at-import-rule */
20724
21139
  /* stylelint-disable-line no-invalid-position-at-import-rule */
20725
21140
  /* stylelint-disable-line no-invalid-position-at-import-rule */
20726
- @keyframes webTerminalEntrance {
21141
+ @keyframes web-terminal-entrance {
20727
21142
  0% {
20728
21143
  opacity: 0;
20729
21144
  transform: translateX(36.5rem);
@@ -20733,7 +21148,7 @@ a.bx--side-nav__link--current::before {
20733
21148
  transform: translateX(0);
20734
21149
  }
20735
21150
  }
20736
- @keyframes webTerminalExit {
21151
+ @keyframes web-terminal-exit {
20737
21152
  0% {
20738
21153
  opacity: 1;
20739
21154
  transform: translateX(0);
@@ -20881,8 +21296,6 @@ a.bx--side-nav__link--current::before {
20881
21296
  --cds-layer-selected-hover: #656565;
20882
21297
  --cds-layer-selected-inverse: #f4f4f4;
20883
21298
  --cds-border-subtle-selected: #6f6f6f;
20884
- --cds-layer-disabled: #393939;
20885
- --cds-field-disabled: #393939;
20886
21299
  --cds-border-disabled: #393939;
20887
21300
  --cds-text-disabled: #6f6f6f;
20888
21301
  --cds-button-disabled: #6f6f6f;
@@ -21327,8 +21740,6 @@ a.bx--side-nav__link--current::before {
21327
21740
  --cds-layer-selected-hover: #4c4c4c;
21328
21741
  --cds-layer-selected-inverse: #f4f4f4;
21329
21742
  --cds-border-subtle-selected: #525252;
21330
- --cds-layer-disabled: #262626;
21331
- --cds-field-disabled: #262626;
21332
21743
  --cds-border-disabled: #262626;
21333
21744
  --cds-text-disabled: #525252;
21334
21745
  --cds-button-disabled: #525252;
@@ -22209,58 +22620,336 @@ a.bx--side-nav__link--current::before {
22209
22620
  padding-top: var(--cds-spacing-03, 0.5rem);
22210
22621
  padding-bottom: var(--cds-spacing-06, 1.5rem);
22211
22622
  }
22212
-
22213
- .c4p--options-tile__locked-text {
22214
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
22215
- font-weight: var(--cds-body-long-01-font-weight, 400);
22216
- line-height: var(--cds-body-long-01-line-height, 1.42857);
22217
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
22218
- display: inline-flex;
22219
- align-items: center;
22220
- margin-bottom: var(--cds-spacing-06, 1.5rem);
22221
- color: var(--cds-text-02, #525252);
22623
+
22624
+ .c4p--options-tile__locked-text {
22625
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
22626
+ font-weight: var(--cds-body-long-01-font-weight, 400);
22627
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
22628
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
22629
+ display: inline-flex;
22630
+ align-items: center;
22631
+ margin-bottom: var(--cds-spacing-06, 1.5rem);
22632
+ color: var(--cds-text-02, #525252);
22633
+ }
22634
+
22635
+ .c4p--options-tile__locked-text > svg {
22636
+ margin-right: var(--cds-spacing-02, 0.25rem);
22637
+ }
22638
+
22639
+ .c4p--options-tile--lg .c4p--options-tile__header,
22640
+ .c4p--options-tile--lg .c4p--options-tile__static-content {
22641
+ height: 3rem;
22642
+ }
22643
+
22644
+ .c4p--options-tile--xl .c4p--options-tile__header,
22645
+ .c4p--options-tile--xl .c4p--options-tile__static-content {
22646
+ height: 4rem;
22647
+ }
22648
+
22649
+ .c4p--options-tile--lg .c4p--options-tile__toggle {
22650
+ top: 1rem;
22651
+ }
22652
+
22653
+ .c4p--options-tile--xl .c4p--options-tile__toggle {
22654
+ top: 1.5rem;
22655
+ }
22656
+
22657
+ .c4p--options-tile--lg .c4p--options-tile__summary {
22658
+ margin-top: var(--cds-spacing-01, 0.125rem);
22659
+ }
22660
+
22661
+ .c4p--options-tile--lg .c4p--options-tile__summary-text {
22662
+ padding-right: calc(var(--cds-spacing-05, 1rem) + 1rem);
22663
+ }
22664
+
22665
+ .c4p--options-tile--xl .c4p--options-tile__summary-text {
22666
+ padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
22667
+ }
22668
+
22669
+ @media (prefers-reduced-motion: reduce) {
22670
+ .c4p--options-tile__summary,
22671
+ .c4p--options-tile__chevron {
22672
+ transition: none;
22673
+ }
22674
+ }
22675
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22676
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22677
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22678
+ .c4p--cancelable-text-edit {
22679
+ --size: var(--cds-spacing-08, 2.5rem);
22680
+ --icon-size: var(--cds-spacing-05, 1rem);
22681
+ }
22682
+
22683
+ .c4p--cancelable-text-edit--sm {
22684
+ --size: var(--cds-spacing-07, 2rem);
22685
+ --icon-size: var(--cds-spacing-05, 1rem);
22686
+ }
22687
+
22688
+ .c4p--cancelable-text-edit--lg {
22689
+ --size: var(--cds-spacing-09, 3rem);
22690
+ --icon-size: var(--cds-spacing-05, 1rem);
22691
+ }
22692
+
22693
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
22694
+ position: relative;
22695
+ display: inline-flex;
22696
+ width: 100%;
22697
+ min-height: var(--size);
22698
+ vertical-align: top;
22699
+ }
22700
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
22701
+ height: var(--size);
22702
+ padding-right: calc(2 * var(--size));
22703
+ }
22704
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
22705
+ position: absolute;
22706
+ top: 0;
22707
+ right: 0;
22708
+ display: flex;
22709
+ flex-direction: column;
22710
+ }
22711
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
22712
+ display: flex;
22713
+ }
22714
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
22715
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
22716
+ border: 1px solid transparent;
22717
+ }
22718
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
22719
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
22720
+ border-color: var(--cds-hover-field, #e5e5e5);
22721
+ border-bottom-color: transparent;
22722
+ background-clip: content-box;
22723
+ box-shadow: initial;
22724
+ outline: initial;
22725
+ }
22726
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
22727
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
22728
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
22729
+ border-color: var(--cds-focus, #0f62fe);
22730
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
22731
+ outline: initial;
22732
+ }
22733
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
22734
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
22735
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
22736
+ }
22737
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
22738
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
22739
+ background-color: transparent;
22740
+ }
22741
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
22742
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
22743
+ border-color: transparent;
22744
+ }
22745
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
22746
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
22747
+ border: 1px solid transparent;
22748
+ box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
22749
+ }
22750
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
22751
+ box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28), inset -1px 0 0 var(--cds-support-01, #da1e28);
22752
+ }
22753
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
22754
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
22755
+ border: 1px solid transparent;
22756
+ box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
22757
+ }
22758
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
22759
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
22760
+ background-clip: content-box;
22761
+ }
22762
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
22763
+ box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe), inset -1px 0 0 var(--cds-focus, #0f62fe);
22764
+ }
22765
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
22766
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
22767
+ display: flex;
22768
+ width: var(--size);
22769
+ height: var(--size);
22770
+ min-height: var(--size);
22771
+ flex-direction: column;
22772
+ align-items: center;
22773
+ justify-content: center;
22774
+ padding: 0;
22775
+ }
22776
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
22777
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
22778
+ width: var(--icon-size);
22779
+ height: var(--icon-size);
22780
+ }
22781
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn .bx--form-requirement {
22782
+ display: block;
22783
+ max-height: initial;
22784
+ }
22785
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid.c4p--cancelable-text-edit--inline .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn.c4p--cancelable-text-edit--inline .bx--form-requirement {
22786
+ margin-left: calc(20% + 1.25rem);
22787
+ }
22788
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
22789
+ display: block;
22790
+ overflow: visible;
22791
+ color: var(--cds-text-error, #da1e28);
22792
+ }
22793
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
22794
+ padding-right: calc(2 * var(--size));
22795
+ }
22796
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
22797
+ padding-right: calc(3 * var(--size));
22798
+ }
22799
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
22800
+ margin-right: var(--cds-spacing-11, 5rem);
22801
+ }
22802
+
22803
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22804
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22805
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22806
+ .c4p--inline-edit {
22807
+ --c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
22808
+ --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
22809
+ --c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
22810
+ position: relative;
22811
+ display: inline-flex;
22812
+ max-width: 100%;
22813
+ height: var(--c4p--inline-edit--size);
22814
+ background-color: var(--c4p--inline-edit--background-color);
22815
+ cursor: text;
22816
+ transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
22817
+ white-space: nowrap;
22818
+ }
22819
+ .c4p--inline-edit.c4p--inline-edit--light {
22820
+ --c4p--inline-edit--background-color: transparent;
22821
+ }
22822
+ .c4p--inline-edit:hover {
22823
+ --c4p--inline-edit--background-color: var(--cds-hover-field, #e5e5e5);
22824
+ }
22825
+ .c4p--inline-edit.c4p--inline-edit--sm {
22826
+ --c4p--inline-edit--size: var(--cds-spacing-07, 2rem);
22827
+ --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
22828
+ }
22829
+ .c4p--inline-edit.c4p--inline-edit--lg {
22830
+ --c4p--inline-edit--size: var(--cds-spacing-09, 3rem);
22831
+ --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
22832
+ }
22833
+ .c4p--inline-edit.c4p--inline-edit--editing {
22834
+ outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
22835
+ outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
22836
+ background-color: var(--cds-ui-01, #f4f4f4);
22837
+ }
22838
+ @media screen and (prefers-contrast) {
22839
+ .c4p--inline-edit.c4p--inline-edit--editing {
22840
+ outline-style: dotted;
22841
+ }
22842
+ }
22843
+ .c4p--inline-edit .c4p--inline-edit--invalid {
22844
+ outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
22845
+ outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
22846
+ }
22847
+ @media screen and (prefers-contrast) {
22848
+ .c4p--inline-edit .c4p--inline-edit--invalid {
22849
+ outline-style: dotted;
22850
+ }
22851
+ }
22852
+ .c4p--inline-edit .c4p--inline-edit__input {
22853
+ display: flex;
22854
+ overflow: hidden;
22855
+ max-width: calc(100% - 2 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
22856
+ height: 100%;
22857
+ flex: 1 1 100%;
22858
+ align-items: center;
22859
+ margin-right: calc(2 * var(--c4p--inline-edit--size));
22860
+ margin-left: var(--cds-spacing-05, 1rem);
22861
+ }
22862
+ .c4p--inline-edit .c4p--inline-edit__input:focus {
22863
+ outline: none;
22864
+ }
22865
+ .c4p--inline-edit .c4p--inline-edit__placeholder {
22866
+ position: absolute;
22867
+ left: var(--cds-spacing-03, 0.5rem);
22868
+ }
22869
+ .c4p--inline-edit .c4p--inline-edit__controls {
22870
+ position: absolute;
22871
+ top: 0;
22872
+ right: 0;
22873
+ width: calc(2 * var(--c4p--inline-edit--size));
22874
+ height: 100%;
22875
+ cursor: text;
22876
+ }
22877
+ .c4p--inline-edit .c4p--inline-edit__controls--animation {
22878
+ clip-path: polygon(0 0, -100vw 0, -100vw -100vh, 100vw -100vh, 100vw 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
22879
+ }
22880
+ .c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__controls::after {
22881
+ position: absolute;
22882
+ top: 0;
22883
+ left: 0;
22884
+ display: block;
22885
+ width: 100%;
22886
+ height: 100%;
22887
+ box-sizing: border-box;
22888
+ border: 2px solid var(--cds-focus, #0f62fe);
22889
+ border-left: 0;
22890
+ content: "";
22891
+ pointer-events: none;
22892
+ }
22893
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
22894
+ width: var(--c4p--inline-edit--size);
22895
+ height: 100%;
22896
+ min-height: initial;
22897
+ max-height: var(--c4p--inline-edit--size);
22898
+ padding: calc(0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)));
22899
+ border: 2px solid transparent;
22900
+ }
22901
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
22902
+ outline: initial;
22903
+ }
22904
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
22905
+ border-color: var(--cds-focus, #0f62fe);
22906
+ box-shadow: initial;
22907
+ outline: initial;
22222
22908
  }
22223
-
22224
- .c4p--options-tile__locked-text > svg {
22225
- margin-right: var(--cds-spacing-02, 0.25rem);
22909
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
22910
+ box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
22226
22911
  }
22227
-
22228
- .c4p--options-tile--lg .c4p--options-tile__header,
22229
- .c4p--options-tile--lg .c4p--options-tile__static-content {
22230
- height: 3rem;
22912
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
22913
+ background-color: transparent;
22231
22914
  }
22232
-
22233
- .c4p--options-tile--xl .c4p--options-tile__header,
22234
- .c4p--options-tile--xl .c4p--options-tile__static-content {
22235
- height: 4rem;
22915
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
22916
+ border-color: transparent;
22236
22917
  }
22237
-
22238
- .c4p--options-tile--lg .c4p--options-tile__toggle {
22239
- top: 1rem;
22918
+ .c4p--inline-edit .c4p--inline-edit__controls .c4p--inline-edit__edit {
22919
+ margin-left: var(--c4p--inline-edit--size);
22240
22920
  }
22241
-
22242
- .c4p--options-tile--xl .c4p--options-tile__toggle {
22243
- top: 1.5rem;
22921
+ .c4p--inline-edit .c4p--inline-edit__controls--animation .c4p--inline-edit__cancel {
22922
+ margin-left: var(--c4p--inline-edit--size);
22923
+ transition: margin-left 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
22244
22924
  }
22245
-
22246
- .c4p--options-tile--lg .c4p--options-tile__summary {
22247
- margin-top: var(--cds-spacing-01, 0.125rem);
22925
+ .c4p--inline-edit .c4p--inline-edit__controls--saveable .c4p--inline-edit__cancel {
22926
+ margin-left: 0;
22248
22927
  }
22249
-
22250
- .c4p--options-tile--lg .c4p--options-tile__summary-text {
22251
- padding-right: calc(var(--cds-spacing-05, 1rem) + 1rem);
22928
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
22929
+ width: var(--c4p--inline-edit--size);
22930
+ height: 100%;
22931
+ min-height: initial;
22932
+ max-height: var(--c4p--inline-edit--size);
22933
+ padding: calc(0.5 * (var(--c4p--inline-edit--size) - var(--c4p--inline-edit--icon-size)));
22934
+ border: 2px solid transparent;
22935
+ position: absolute;
22936
+ top: 0;
22937
+ right: 0;
22252
22938
  }
22253
-
22254
- .c4p--options-tile--xl .c4p--options-tile__summary-text {
22255
- padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
22939
+ .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
22940
+ border-color: transparent;
22941
+ background-color: transparent;
22942
+ box-shadow: initial;
22943
+ outline: initial;
22256
22944
  }
22257
-
22258
- @media (prefers-reduced-motion: reduce) {
22259
- .c4p--options-tile__summary,
22260
- .c4p--options-tile__chevron {
22261
- transition: none;
22262
- }
22945
+ .c4p--inline-edit .c4p--inline-edit__edit--hover-visible {
22946
+ opacity: 0;
22947
+ transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
22948
+ }
22949
+ .c4p--inline-edit:hover .c4p--inline-edit__edit--hover-visible {
22950
+ opacity: 1;
22263
22951
  }
22952
+
22264
22953
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22265
22954
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22266
22955
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -23536,6 +24225,10 @@ li.bx--accordion__item--disabled:last-of-type {
23536
24225
  }
23537
24226
  }
23538
24227
 
24228
+ .bx--checkbox--inline {
24229
+ position: relative;
24230
+ }
24231
+
23539
24232
  /* stylelint-disable-line no-invalid-position-at-import-rule */
23540
24233
  /* stylelint-disable-line no-invalid-position-at-import-rule */
23541
24234
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -24700,11 +25393,14 @@ li.bx--accordion__item--disabled:last-of-type {
24700
25393
 
24701
25394
  .bx--toolbar-search-container-expandable .bx--search-input {
24702
25395
  height: 100%;
24703
- padding: 0;
24704
25396
  cursor: pointer;
24705
25397
  opacity: 0;
24706
25398
  }
24707
25399
 
25400
+ .bx--toolbar-search-container-expandable:not(.bx--toolbar-search-container-active) .bx--search-input {
25401
+ padding: 0;
25402
+ }
25403
+
24708
25404
  .bx--toolbar-search-container-expandable .bx--search-magnifier-icon {
24709
25405
  left: 0;
24710
25406
  width: var(--cds-spacing-09, 3rem);
@@ -24714,7 +25410,7 @@ li.bx--accordion__item--disabled:last-of-type {
24714
25410
  }
24715
25411
 
24716
25412
  .bx--toolbar-search-container-expandable.bx--search--disabled .bx--search-magnifier-icon {
24717
- background-color: var(--cds-layer-disabled, #f4f4f4);
25413
+ background-color: var(--cds-layer, #f4f4f4);
24718
25414
  cursor: not-allowed;
24719
25415
  transition: background-color none;
24720
25416
  }
@@ -26850,6 +27546,7 @@ th .bx--table-sort__flex {
26850
27546
  cursor: pointer;
26851
27547
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
26852
27548
  fill: var(--cds-icon-01, #161616);
27549
+ user-select: none;
26853
27550
  }
26854
27551
  .flatpickr-prev-month:hover,
26855
27552
  .flatpickr-next-month:hover {
@@ -27276,7 +27973,7 @@ th .bx--table-sort__flex {
27276
27973
  }
27277
27974
  .bx--date-picker__input:disabled {
27278
27975
  border-bottom: 1px solid transparent;
27279
- background-color: var(--cds-field-disabled, #f4f4f4);
27976
+ background-color: var(--cds-field, #f4f4f4);
27280
27977
  color: var(--cds-text-disabled, #c6c6c6);
27281
27978
  cursor: not-allowed;
27282
27979
  }
@@ -27305,8 +28002,8 @@ th .bx--table-sort__flex {
27305
28002
  z-index: 1;
27306
28003
  top: 50%;
27307
28004
  right: 1rem;
27308
- cursor: pointer;
27309
28005
  fill: var(--cds-icon-primary, #161616);
28006
+ pointer-events: none;
27310
28007
  transform: translateY(-50%);
27311
28008
  }
27312
28009
 
@@ -31085,192 +31782,6 @@ span.bx--pagination__text {
31085
31782
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31086
31783
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31087
31784
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31088
- .bx--structured-list--selection .bx--structured-list-td,
31089
- .bx--structured-list--selection .bx--structured-list-th {
31090
- padding-right: 1rem;
31091
- padding-left: 1rem;
31092
- }
31093
- .bx--structured-list--selection .bx--structured-list-td:first-child,
31094
- .bx--structured-list--selection .bx--structured-list-th:first-child {
31095
- padding-right: 1rem;
31096
- padding-left: 1rem;
31097
- }
31098
-
31099
- .bx--structured-list-input {
31100
- display: none;
31101
- }
31102
-
31103
- .bx--structured-list {
31104
- display: table;
31105
- width: 100%;
31106
- margin-bottom: 5rem;
31107
- background-color: transparent;
31108
- border-collapse: collapse;
31109
- border-spacing: 0;
31110
- overflow-x: auto;
31111
- overflow-y: hidden;
31112
- }
31113
- .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
31114
- padding: 0.5rem;
31115
- }
31116
- .bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
31117
- .bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
31118
- padding-left: 1rem;
31119
- }
31120
- .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-td:first-of-type, .bx--structured-list.bx--structured-list--flush .bx--structured-list-row .bx--structured-list-th:first-of-type {
31121
- padding-right: 1rem;
31122
- padding-left: 0;
31123
- }
31124
-
31125
- .bx--structured-list-row {
31126
- display: table-row;
31127
- border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
31128
- transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31129
- }
31130
-
31131
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
31132
- border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
31133
- background-color: var(--cds-hover-row, #e5e5e5);
31134
- cursor: pointer;
31135
- }
31136
-
31137
- .bx--structured-list-row.bx--structured-list-row--selected {
31138
- background-color: var(--cds-selected-ui, #e0e0e0);
31139
- }
31140
-
31141
- .bx--structured-list-row.bx--structured-list-row--header-row {
31142
- border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
31143
- cursor: inherit;
31144
- }
31145
-
31146
- .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
31147
- outline: 2px solid var(--cds-focus, #0f62fe);
31148
- outline-offset: -2px;
31149
- }
31150
- @media screen and (prefers-contrast) {
31151
- .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
31152
- outline-style: dotted;
31153
- }
31154
- }
31155
-
31156
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
31157
- .bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
31158
- color: var(--cds-text-01, #161616);
31159
- }
31160
-
31161
- .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
31162
- border-top: 1px solid var(--cds-ui-01, #f4f4f4);
31163
- }
31164
-
31165
- .bx--structured-list-thead {
31166
- display: table-header-group;
31167
- vertical-align: middle;
31168
- }
31169
-
31170
- .bx--structured-list-th {
31171
- padding: 1rem 0.5rem 0.5rem 0.5rem;
31172
- font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
31173
- font-weight: var(--cds-productive-heading-01-font-weight, 600);
31174
- line-height: var(--cds-productive-heading-01-line-height, 1.28572);
31175
- letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
31176
- display: table-cell;
31177
- height: 2.5rem;
31178
- color: var(--cds-text-01, #161616);
31179
- font-weight: 600;
31180
- text-align: left;
31181
- text-transform: none;
31182
- vertical-align: top;
31183
- }
31184
-
31185
- .bx--structured-list-tbody {
31186
- display: table-row-group;
31187
- vertical-align: middle;
31188
- }
31189
-
31190
- .bx--structured-list-td {
31191
- font-size: var(--cds-body-long-01-font-size, 0.875rem);
31192
- font-weight: var(--cds-body-long-01-font-weight, 400);
31193
- line-height: var(--cds-body-long-01-line-height, 1.42857);
31194
- letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
31195
- padding: 1rem 0.5rem 1.5rem 0.5rem;
31196
- position: relative;
31197
- display: table-cell;
31198
- max-width: 36rem;
31199
- color: var(--cds-text-02, #525252);
31200
- transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31201
- }
31202
-
31203
- .bx--structured-list-content--nowrap {
31204
- white-space: nowrap;
31205
- }
31206
-
31207
- .bx--structured-list-svg {
31208
- display: inline-block;
31209
- fill: transparent;
31210
- transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
31211
- vertical-align: middle;
31212
- }
31213
-
31214
- .bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
31215
- .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
31216
- fill: var(--cds-icon-01, #161616);
31217
- }
31218
-
31219
- .bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
31220
- width: 8%;
31221
- }
31222
- .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
31223
- width: 30%;
31224
- }
31225
- .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
31226
- width: 15%;
31227
- }
31228
- .bx--structured-list.bx--skeleton span {
31229
- position: relative;
31230
- padding: 0;
31231
- border: none;
31232
- background: var(--cds-skeleton-01, #e5e5e5);
31233
- box-shadow: none;
31234
- pointer-events: none;
31235
- display: block;
31236
- width: 75%;
31237
- height: 1rem;
31238
- }
31239
- .bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
31240
- border: none;
31241
- cursor: default;
31242
- outline: none;
31243
- }
31244
- .bx--structured-list.bx--skeleton span::before {
31245
- position: absolute;
31246
- top: 0;
31247
- left: 0;
31248
- width: 100%;
31249
- height: 100%;
31250
- animation: 3000ms ease-in-out skeleton infinite;
31251
- background: var(--cds-skeleton-02, #c6c6c6);
31252
- content: "";
31253
- will-change: transform-origin, transform, opacity;
31254
- }
31255
- @media (prefers-reduced-motion: reduce) {
31256
- .bx--structured-list.bx--skeleton span::before {
31257
- animation: none;
31258
- }
31259
- }
31260
-
31261
- .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
31262
- width: 5%;
31263
- }
31264
- .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
31265
- display: none;
31266
- }
31267
-
31268
- @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
31269
- .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
31270
- fill: ButtonText;
31271
- }
31272
- }
31273
-
31274
31785
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31275
31786
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31276
31787
  /* stylelint-disable-line no-invalid-position-at-import-rule */