@carbon/ibm-products 1.2.5 → 1.6.0

Sign up to get free protection for your applications and to get access to all the features.
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 */