@carbon/ibm-products 1.2.4 → 1.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (138) hide show
  1. package/css/index-full-carbon.css +662 -313
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-without-carbon-released-only.css +156 -81
  5. package/css/index-without-carbon-released-only.css.map +1 -1
  6. package/css/index-without-carbon-released-only.min.css +2 -2
  7. package/css/index-without-carbon.css +393 -81
  8. package/css/index-without-carbon.css.map +1 -1
  9. package/css/index-without-carbon.min.css +2 -2
  10. package/css/index.css +615 -81
  11. package/css/index.css.map +1 -1
  12. package/css/index.min.css +2 -2
  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 +157 -0
  18. package/es/components/AddSelect/index.js +7 -0
  19. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +19 -15
  20. package/es/components/CancelableTextEdit/CancelableTextEdit.js +245 -0
  21. package/es/components/{CreateTearsheet/constants.js → CancelableTextEdit/index.js} +1 -2
  22. package/es/components/CreateFullPage/CreateFullPage.js +102 -258
  23. package/es/components/CreateFullPage/CreateFullPageStep.js +65 -13
  24. package/es/components/CreateFullPage/index.js +1 -2
  25. package/es/components/CreateInfluencer/CreateInfluencer.js +40 -220
  26. package/es/components/CreateTearsheet/CreateTearsheet.js +95 -146
  27. package/es/components/CreateTearsheet/CreateTearsheetStep.js +70 -20
  28. package/es/components/CreateTearsheet/index.js +0 -1
  29. package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +87 -28
  30. package/es/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
  31. package/es/components/ExportModal/ExportModal.js +41 -12
  32. package/es/components/ImportModal/ImportModal.js +2 -1
  33. package/es/components/InlineEdit/InlineEdit.js +224 -0
  34. package/es/components/InlineEdit/index.js +7 -0
  35. package/es/components/MultiAddSelect/MultiAddSelect.js +16 -0
  36. package/es/components/MultiAddSelect/index.js +1 -0
  37. package/es/components/OptionsTile/OptionsTile.js +36 -15
  38. package/es/components/PageHeader/PageHeader.js +54 -33
  39. package/es/components/PageHeader/PageHeaderTitle.js +78 -7
  40. package/es/components/PageHeader/PageHeaderUtils.js +21 -2
  41. package/es/components/RemoveModal/RemoveModal.js +4 -2
  42. package/es/components/SidePanel/SidePanel.js +1 -1
  43. package/es/components/SingleAddSelect/SingleAddSelect.js +15 -0
  44. package/es/components/SingleAddSelect/index.js +1 -0
  45. package/es/components/TagSet/TagSet.js +4 -1
  46. package/es/components/Tearsheet/Tearsheet.js +1 -1
  47. package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
  48. package/es/components/Tearsheet/TearsheetShell.js +1 -1
  49. package/es/components/Toolbar/Toolbar.js +69 -8
  50. package/es/components/index.js +5 -1
  51. package/es/global/js/hooks/index.js +1 -0
  52. package/es/global/js/hooks/useCreateComponentFocus.js +15 -19
  53. package/es/global/js/hooks/useCreateComponentStepChange.js +69 -79
  54. package/es/global/js/hooks/useResetCreateComponent.js +7 -4
  55. package/es/global/js/hooks/useRetrieveStepData.js +51 -0
  56. package/es/global/js/hooks/useValidCreateStepCount.js +4 -7
  57. package/es/global/js/package-settings.js +5 -1
  58. package/es/global/js/utils/lastIndexInArray.js +26 -0
  59. package/es/global/js/utils/story-helper.js +1 -1
  60. package/lib/components/APIKeyModal/APIKeyModal.js +25 -29
  61. package/lib/components/ActionBar/ActionBar.js +4 -1
  62. package/lib/components/ActionSet/ActionSet.js +22 -10
  63. package/lib/components/ActionSet/actions.js +25 -17
  64. package/lib/components/AddSelect/AddSelect.js +178 -0
  65. package/lib/components/AddSelect/index.js +13 -0
  66. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +18 -14
  67. package/lib/components/CancelableTextEdit/CancelableTextEdit.js +265 -0
  68. package/lib/components/CancelableTextEdit/index.js +13 -0
  69. package/lib/components/CreateFullPage/CreateFullPage.js +102 -258
  70. package/lib/components/CreateFullPage/CreateFullPageStep.js +68 -13
  71. package/lib/components/CreateFullPage/index.js +1 -9
  72. package/lib/components/CreateInfluencer/CreateInfluencer.js +38 -231
  73. package/lib/components/CreateTearsheet/CreateTearsheet.js +97 -148
  74. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +72 -19
  75. package/lib/components/CreateTearsheet/index.js +0 -8
  76. package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +86 -34
  77. package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +8 -6
  78. package/lib/components/ExportModal/ExportModal.js +38 -11
  79. package/lib/components/ImportModal/ImportModal.js +2 -1
  80. package/lib/components/InlineEdit/InlineEdit.js +242 -0
  81. package/lib/components/InlineEdit/index.js +13 -0
  82. package/lib/components/MultiAddSelect/MultiAddSelect.js +37 -0
  83. package/lib/components/MultiAddSelect/index.js +13 -0
  84. package/lib/components/OptionsTile/OptionsTile.js +36 -15
  85. package/lib/components/PageHeader/PageHeader.js +54 -33
  86. package/lib/components/PageHeader/PageHeaderTitle.js +87 -9
  87. package/lib/components/PageHeader/PageHeaderUtils.js +21 -2
  88. package/lib/components/RemoveModal/RemoveModal.js +4 -2
  89. package/lib/components/SidePanel/SidePanel.js +1 -1
  90. package/lib/components/SingleAddSelect/SingleAddSelect.js +36 -0
  91. package/lib/components/SingleAddSelect/index.js +13 -0
  92. package/lib/components/TagSet/TagSet.js +4 -1
  93. package/lib/components/Tearsheet/Tearsheet.js +1 -1
  94. package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
  95. package/lib/components/Tearsheet/TearsheetShell.js +1 -1
  96. package/lib/components/Toolbar/Toolbar.js +69 -6
  97. package/lib/components/index.js +33 -1
  98. package/lib/global/js/hooks/index.js +8 -0
  99. package/lib/global/js/hooks/useCreateComponentFocus.js +15 -19
  100. package/lib/global/js/hooks/useCreateComponentStepChange.js +69 -79
  101. package/lib/global/js/hooks/useResetCreateComponent.js +7 -4
  102. package/lib/global/js/hooks/useRetrieveStepData.js +62 -0
  103. package/lib/global/js/hooks/useValidCreateStepCount.js +4 -7
  104. package/lib/global/js/package-settings.js +5 -1
  105. package/lib/global/js/utils/lastIndexInArray.js +35 -0
  106. package/lib/global/js/utils/story-helper.js +1 -1
  107. package/package.json +22 -22
  108. package/scss/components/AddSelect/_add-select.scss +84 -0
  109. package/scss/components/AddSelect/_index.scss +10 -0
  110. package/scss/components/AddSelect/_storybook-styles.scss +6 -0
  111. package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +19 -15
  112. package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +211 -0
  113. package/{es/components/CreateFullPage/constants.js → scss/components/CancelableTextEdit/_index.scss} +2 -2
  114. package/scss/components/CancelableTextEdit/_storybook-styles.scss +15 -0
  115. package/scss/components/CreateFullPage/_create-full-page.scss +4 -11
  116. package/scss/components/CreateTearsheet/_create-tearsheet.scss +4 -8
  117. package/scss/components/InlineEdit/_index.scss +8 -0
  118. package/scss/components/InlineEdit/_inline-edit.scss +44 -0
  119. package/scss/components/InlineEdit/_storybook-styles.scss +15 -0
  120. package/scss/components/MultiAddSelect/_index.scss +1 -0
  121. package/scss/components/MultiAddSelect/_multi-add-select.scss +1 -0
  122. package/scss/components/MultiAddSelect/_storybook-styles.scss +6 -0
  123. package/scss/components/PageHeader/_page-header.scss +14 -4
  124. package/scss/components/SingleAddSelect/_index.scss +1 -0
  125. package/scss/components/SingleAddSelect/_single-add-select.scss +1 -0
  126. package/scss/components/SingleAddSelect/_storybook-styles.scss +6 -0
  127. package/scss/components/StatusIcon/_status-icon.scss +2 -0
  128. package/scss/components/_index.scss +4 -0
  129. package/es/components/CreateFullPage/CreateFullPageSection.js +0 -53
  130. package/es/components/CreateTearsheet/CreateTearsheetSection.js +0 -83
  131. package/es/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -327
  132. package/es/global/js/utils/hasValidType.js +0 -94
  133. package/lib/components/CreateFullPage/CreateFullPageSection.js +0 -74
  134. package/lib/components/CreateFullPage/constants.js +0 -16
  135. package/lib/components/CreateTearsheet/CreateTearsheetSection.js +0 -105
  136. package/lib/components/CreateTearsheet/constants.js +0 -17
  137. package/lib/components/CreateTearsheet/preview-components/MultiStepWithSectionsTearsheet.js +0 -354
  138. package/lib/global/js/utils/hasValidType.js +0 -110
@@ -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);
@@ -14172,16 +14164,11 @@ a.bx--side-nav__link--current::before {
14172
14164
  --c4p--tearsheet-create--total-width: 0;
14173
14165
  }
14174
14166
 
14175
- .c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-step,
14176
- .c4p--tearsheet-create .c4p--tearsheet-create__step--hidden-section {
14167
+ .c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
14177
14168
  display: none;
14178
14169
  }
14179
14170
 
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 {
14171
+ .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
14185
14172
  animation: 400ms stepContentEntrance;
14186
14173
  animation-fill-mode: forwards;
14187
14174
  animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -14189,7 +14176,7 @@ a.bx--side-nav__link--current::before {
14189
14176
  }
14190
14177
 
14191
14178
  @media (prefers-reduced-motion) {
14192
- .c4p--tearsheet-create .c4p--tearsheet-create__step--visible-step {
14179
+ .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
14193
14180
  animation: none;
14194
14181
  opacity: 1;
14195
14182
  }
@@ -16375,6 +16362,305 @@ a.bx--side-nav__link--current::before {
16375
16362
  padding: 0;
16376
16363
  }
16377
16364
 
16365
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16366
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16367
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16368
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16369
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16370
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16371
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16372
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16373
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16374
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16375
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16376
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16377
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16378
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16379
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16380
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16381
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
16382
+ .bx--structured-list--selection .bx--structured-list-td,
16383
+ .bx--structured-list--selection .bx--structured-list-th {
16384
+ padding-right: 1rem;
16385
+ padding-left: 1rem;
16386
+ }
16387
+ .bx--structured-list--selection .bx--structured-list-td:first-child,
16388
+ .bx--structured-list--selection .bx--structured-list-th:first-child {
16389
+ padding-right: 1rem;
16390
+ padding-left: 1rem;
16391
+ }
16392
+
16393
+ .bx--structured-list-input {
16394
+ display: none;
16395
+ }
16396
+
16397
+ .bx--structured-list {
16398
+ box-sizing: border-box;
16399
+ padding: 0;
16400
+ border: 0;
16401
+ margin: 0;
16402
+ font-family: inherit;
16403
+ font-size: 100%;
16404
+ vertical-align: baseline;
16405
+ display: table;
16406
+ width: 100%;
16407
+ margin-bottom: 5rem;
16408
+ background-color: transparent;
16409
+ border-collapse: collapse;
16410
+ border-spacing: 0;
16411
+ overflow-x: auto;
16412
+ overflow-y: hidden;
16413
+ }
16414
+ .bx--structured-list *,
16415
+ .bx--structured-list *::before,
16416
+ .bx--structured-list *::after {
16417
+ box-sizing: inherit;
16418
+ }
16419
+ .bx--structured-list.bx--structured-list--condensed .bx--structured-list-td, .bx--structured-list.bx--structured-list--condensed .bx--structured-list-th {
16420
+ padding: 0.5rem;
16421
+ }
16422
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-td:first-of-type,
16423
+ .bx--structured-list .bx--structured-list-row .bx--structured-list-th:first-of-type {
16424
+ padding-left: 1rem;
16425
+ }
16426
+ .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 {
16427
+ padding-right: 1rem;
16428
+ padding-left: 0;
16429
+ }
16430
+
16431
+ .bx--structured-list-row {
16432
+ display: table-row;
16433
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
16434
+ transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16435
+ }
16436
+
16437
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
16438
+ border-bottom: 1px solid var(--cds-hover-row, #e5e5e5);
16439
+ background-color: var(--cds-hover-row, #e5e5e5);
16440
+ cursor: pointer;
16441
+ }
16442
+
16443
+ .bx--structured-list-row.bx--structured-list-row--selected {
16444
+ background-color: var(--cds-selected-ui, #e0e0e0);
16445
+ }
16446
+
16447
+ .bx--structured-list-row.bx--structured-list-row--header-row {
16448
+ border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
16449
+ cursor: inherit;
16450
+ }
16451
+
16452
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
16453
+ outline: 2px solid var(--cds-focus, #0f62fe);
16454
+ outline-offset: -2px;
16455
+ }
16456
+ @media screen and (prefers-contrast) {
16457
+ .bx--structured-list-row:focus:not(.bx--structured-list-row--header-row) {
16458
+ outline-style: dotted;
16459
+ }
16460
+ }
16461
+
16462
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td,
16463
+ .bx--structured-list-row.bx--structured-list-row--selected > .bx--structured-list-td {
16464
+ color: var(--cds-text-01, #161616);
16465
+ }
16466
+
16467
+ .bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row) > .bx--structured-list-td {
16468
+ border-top: 1px solid var(--cds-ui-01, #f4f4f4);
16469
+ }
16470
+
16471
+ .bx--structured-list-thead {
16472
+ display: table-header-group;
16473
+ vertical-align: middle;
16474
+ }
16475
+
16476
+ .bx--structured-list-th {
16477
+ box-sizing: border-box;
16478
+ padding: 0;
16479
+ border: 0;
16480
+ margin: 0;
16481
+ font-family: inherit;
16482
+ font-size: 100%;
16483
+ vertical-align: baseline;
16484
+ padding: 1rem 0.5rem 0.5rem 0.5rem;
16485
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
16486
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
16487
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
16488
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
16489
+ display: table-cell;
16490
+ height: 2.5rem;
16491
+ color: var(--cds-text-01, #161616);
16492
+ font-weight: 600;
16493
+ text-align: left;
16494
+ text-transform: none;
16495
+ vertical-align: top;
16496
+ }
16497
+ .bx--structured-list-th *,
16498
+ .bx--structured-list-th *::before,
16499
+ .bx--structured-list-th *::after {
16500
+ box-sizing: inherit;
16501
+ }
16502
+
16503
+ .bx--structured-list-tbody {
16504
+ display: table-row-group;
16505
+ vertical-align: middle;
16506
+ }
16507
+
16508
+ .bx--structured-list-td {
16509
+ box-sizing: border-box;
16510
+ padding: 0;
16511
+ border: 0;
16512
+ margin: 0;
16513
+ font-family: inherit;
16514
+ font-size: 100%;
16515
+ vertical-align: baseline;
16516
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
16517
+ font-weight: var(--cds-body-long-01-font-weight, 400);
16518
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
16519
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
16520
+ padding: 1rem 0.5rem 1.5rem 0.5rem;
16521
+ position: relative;
16522
+ display: table-cell;
16523
+ max-width: 36rem;
16524
+ color: var(--cds-text-02, #525252);
16525
+ transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16526
+ }
16527
+ .bx--structured-list-td *,
16528
+ .bx--structured-list-td *::before,
16529
+ .bx--structured-list-td *::after {
16530
+ box-sizing: inherit;
16531
+ }
16532
+
16533
+ .bx--structured-list-content--nowrap {
16534
+ white-space: nowrap;
16535
+ }
16536
+
16537
+ .bx--structured-list-svg {
16538
+ display: inline-block;
16539
+ fill: transparent;
16540
+ transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
16541
+ vertical-align: middle;
16542
+ }
16543
+
16544
+ .bx--structured-list-input:checked + .bx--structured-list-row .bx--structured-list-svg,
16545
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
16546
+ fill: var(--cds-icon-01, #161616);
16547
+ }
16548
+
16549
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:first-child {
16550
+ width: 8%;
16551
+ }
16552
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+2) {
16553
+ width: 30%;
16554
+ }
16555
+ .bx--structured-list.bx--skeleton .bx--structured-list-th:nth-child(3n+3) {
16556
+ width: 15%;
16557
+ }
16558
+ .bx--structured-list.bx--skeleton span {
16559
+ position: relative;
16560
+ padding: 0;
16561
+ border: none;
16562
+ background: var(--cds-skeleton-01, #e5e5e5);
16563
+ box-shadow: none;
16564
+ pointer-events: none;
16565
+ display: block;
16566
+ width: 75%;
16567
+ height: 1rem;
16568
+ }
16569
+ .bx--structured-list.bx--skeleton span:hover, .bx--structured-list.bx--skeleton span:focus, .bx--structured-list.bx--skeleton span:active {
16570
+ border: none;
16571
+ cursor: default;
16572
+ outline: none;
16573
+ }
16574
+ .bx--structured-list.bx--skeleton span::before {
16575
+ position: absolute;
16576
+ top: 0;
16577
+ left: 0;
16578
+ width: 100%;
16579
+ height: 100%;
16580
+ animation: 3000ms ease-in-out skeleton infinite;
16581
+ background: var(--cds-skeleton-02, #c6c6c6);
16582
+ content: "";
16583
+ will-change: transform-origin, transform, opacity;
16584
+ }
16585
+ @media (prefers-reduced-motion: reduce) {
16586
+ .bx--structured-list.bx--skeleton span::before {
16587
+ animation: none;
16588
+ }
16589
+ }
16590
+
16591
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child {
16592
+ width: 5%;
16593
+ }
16594
+ .bx--structured-list.bx--structured-list--selection.bx--skeleton .bx--structured-list-th:first-child span {
16595
+ display: none;
16596
+ }
16597
+
16598
+ @media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
16599
+ .bx--structured-list-input:checked + .bx--structured-list-td .bx--structured-list-svg {
16600
+ fill: ButtonText;
16601
+ }
16602
+ }
16603
+
16604
+ .c4p--add-select__header {
16605
+ padding: var(--cds-spacing-05, 1rem);
16606
+ padding-bottom: 0;
16607
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
16608
+ }
16609
+
16610
+ .c4p--add-select__body {
16611
+ padding: var(--cds-spacing-05, 1rem);
16612
+ }
16613
+
16614
+ .c4p--add-select__items-label {
16615
+ margin-right: var(--cds-spacing-03, 0.5rem);
16616
+ }
16617
+ .c4p--add-select__items-label-container {
16618
+ display: flex;
16619
+ align-items: center;
16620
+ margin-top: var(--cds-spacing-05, 1rem);
16621
+ margin-bottom: var(--cds-spacing-03, 0.5rem);
16622
+ }
16623
+
16624
+ .c4p--add-select__selections {
16625
+ border-top: 1px solid var(--cds-ui-03, #e0e0e0);
16626
+ }
16627
+
16628
+ .c4p--add-select__influencer-header {
16629
+ display: flex;
16630
+ padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
16631
+ border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
16632
+ }
16633
+ .c4p--add-select__influencer-header .c4p--add-select__influencer-title {
16634
+ font-size: var(--cds-productive-heading-02-font-size, 1rem);
16635
+ font-weight: var(--cds-productive-heading-02-font-weight, 600);
16636
+ line-height: var(--cds-productive-heading-02-line-height, 1.375);
16637
+ letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
16638
+ }
16639
+
16640
+ .c4p--add-select__influencer-title {
16641
+ margin-right: var(--cds-spacing-03, 0.5rem);
16642
+ }
16643
+
16644
+ .c4p--add-select__influencer-body {
16645
+ padding: var(--cds-spacing-05, 1rem);
16646
+ }
16647
+
16648
+ .c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
16649
+ max-width: 29rem;
16650
+ flex: 0 0 50%;
16651
+ }
16652
+
16653
+ .c4p--add-select .c4p--add-select__items-label {
16654
+ font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
16655
+ font-weight: var(--cds-productive-heading-01-font-weight, 600);
16656
+ line-height: var(--cds-productive-heading-01-line-height, 1.28572);
16657
+ letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
16658
+ }
16659
+
16660
+ .c4p--add-select .bx--modal-container--sm .bx--modal-content p {
16661
+ padding-right: 0;
16662
+ }
16663
+
16378
16664
  /* stylelint-disable-line no-invalid-position-at-import-rule */
16379
16665
  /* stylelint-disable-line no-invalid-position-at-import-rule */
16380
16666
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -18053,14 +18339,9 @@ a.bx--side-nav__link--current::before {
18053
18339
  white-space: nowrap;
18054
18340
  }
18055
18341
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
18056
- display: none;
18342
+ display: inline-flex;
18057
18343
  width: 100%;
18058
18344
  }
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
18345
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .bx--breadcrumb {
18065
18346
  width: 100%;
18066
18347
  flex-wrap: nowrap;
@@ -18075,11 +18356,24 @@ a.bx--side-nav__link--current::before {
18075
18356
  pointer-events: none;
18076
18357
  visibility: hidden;
18077
18358
  }
18359
+ .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
18360
+ display: none;
18361
+ }
18362
+ @media (max-width: 41.98rem) {
18363
+ .c4p--breadcrumb-with-overflow .bx--breadcrumb-item {
18364
+ display: none;
18365
+ }
18366
+ .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
18078
18367
  .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
18079
- display: inline;
18368
+ display: inline-flex;
18369
+ vertical-align: middle;
18370
+ }
18371
+ }
18372
+ .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
18373
+ display: inline-flex;
18080
18374
  }
18081
18375
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
18082
- display: inline;
18376
+ display: inline-flex;
18083
18377
  overflow: hidden;
18084
18378
  }
18085
18379
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .bx--link {
@@ -18091,15 +18385,6 @@ a.bx--side-nav__link--current::before {
18091
18385
  .c4p--breadcrumb-with-overflow .bx--link {
18092
18386
  max-height: 18px;
18093
18387
  }
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
18388
 
18104
18389
  /* stylelint-disable-line no-invalid-position-at-import-rule */
18105
18390
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -18907,7 +19192,7 @@ a.bx--side-nav__link--current::before {
18907
19192
  height: var(--cds-spacing-02, 0.25rem);
18908
19193
  }
18909
19194
  .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));
19195
+ min-height: var(--cds-spacing-07, 2rem);
18911
19196
  }
18912
19197
  .c4p--page-header .c4p--page-header__breadcrumb-row--container {
18913
19198
  display: flex;
@@ -18938,7 +19223,7 @@ a.bx--side-nav__link--current::before {
18938
19223
  transform: translateX(-50%) scaleX(1);
18939
19224
  transition: all 150ms ease-out;
18940
19225
  }
18941
- .c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs::after,
19226
+ .c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
18942
19227
  .c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
18943
19228
  /* creates a full width box shadow without causing scroll */
18944
19229
  box-shadow: 25vw 1px 0 0 var(--cds-ui-03, #e0e0e0), -25vw 1px 0 0 var(--cds-ui-03, #e0e0e0);
@@ -19126,8 +19411,6 @@ a.bx--side-nav__link--current::before {
19126
19411
  top: var(--c4p--page-header--breadcrumb-top);
19127
19412
  }
19128
19413
  .c4p--page-header .c4p--page-header__title-column {
19129
- overflow: hidden;
19130
- /* required for ellipsis in title */
19131
19414
  min-height: 40px;
19132
19415
  flex: 0 0 100%;
19133
19416
  }
@@ -19142,10 +19425,17 @@ a.bx--side-nav__link--current::before {
19142
19425
  font-weight: var(--cds-productive-heading-04-font-weight, 400);
19143
19426
  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
19144
19427
  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
19145
- overflow: hidden;
19428
+ overflow-x: hidden;
19146
19429
  text-overflow: ellipsis;
19147
19430
  white-space: nowrap;
19148
19431
  }
19432
+ .c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
19433
+ transform: translateY(-2px);
19434
+ }
19435
+ .c4p--page-header .c4p--page-header__title--editable {
19436
+ display: flex;
19437
+ overflow: visible;
19438
+ }
19149
19439
  .c4p--page-header .c4p--page-header__title-skeleton {
19150
19440
  height: var(--cds-spacing-07, 2rem);
19151
19441
  }
@@ -19909,6 +20199,23 @@ a.bx--side-nav__link--current::before {
19909
20199
  /* stylelint-disable-line no-invalid-position-at-import-rule */
19910
20200
  /* stylelint-disable-line no-invalid-position-at-import-rule */
19911
20201
  /* stylelint-disable-line no-invalid-position-at-import-rule */
20202
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20203
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20204
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20205
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20206
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20207
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20208
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20209
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20210
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20211
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20212
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20213
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20214
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20215
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20216
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20217
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
20218
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
19912
20219
  @keyframes rotating {
19913
20220
  0% {
19914
20221
  transform: scaleY(-1) rotate(360deg);
@@ -19934,386 +20241,470 @@ a.bx--side-nav__link--current::before {
19934
20241
  fill: #161616;
19935
20242
  }
19936
20243
 
20244
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
19937
20245
  .c4p--status-icon--light.c4p--status-icon--light-fatal {
19938
20246
  fill: #000000;
19939
20247
  }
19940
20248
  @media (prefers-reduced-motion) {
19941
- .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20249
+ .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,
20250
+ .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19942
20251
  animation: none;
19943
20252
  }
19944
20253
  }
19945
20254
 
20255
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
19946
20256
  .c4p--status-icon--light.c4p--status-icon--dark-fatal {
19947
20257
  fill: #000000;
19948
20258
  }
19949
20259
  @media (prefers-reduced-motion) {
19950
- .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20260
+ .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,
20261
+ .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
19951
20262
  animation: none;
19952
20263
  }
19953
20264
  }
19954
20265
 
20266
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
19955
20267
  .c4p--status-icon--light.c4p--status-icon--light-critical {
19956
20268
  fill: #da1e28;
19957
20269
  }
19958
20270
  @media (prefers-reduced-motion) {
19959
- .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20271
+ .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,
20272
+ .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19960
20273
  animation: none;
19961
20274
  }
19962
20275
  }
19963
20276
 
20277
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
19964
20278
  .c4p--status-icon--light.c4p--status-icon--dark-critical {
19965
20279
  fill: #da1e28;
19966
20280
  }
19967
20281
  @media (prefers-reduced-motion) {
19968
- .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20282
+ .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,
20283
+ .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
19969
20284
  animation: none;
19970
20285
  }
19971
20286
  }
19972
20287
 
20288
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
19973
20289
  .c4p--status-icon--light.c4p--status-icon--light-major-warning {
19974
20290
  fill: #ff832b;
19975
20291
  }
19976
20292
  @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 {
20293
+ .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,
20294
+ .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19978
20295
  animation: none;
19979
20296
  }
19980
20297
  }
19981
20298
 
20299
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
19982
20300
  .c4p--status-icon--light.c4p--status-icon--dark-major-warning {
19983
20301
  fill: #ff832b;
19984
20302
  }
19985
20303
  @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 {
20304
+ .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,
20305
+ .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
19987
20306
  animation: none;
19988
20307
  }
19989
20308
  }
19990
20309
 
20310
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
19991
20311
  .c4p--status-icon--light.c4p--status-icon--light-minor-warning {
19992
20312
  fill: #fddc69;
19993
20313
  }
19994
20314
  @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 {
20315
+ .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,
20316
+ .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
19996
20317
  animation: none;
19997
20318
  }
19998
20319
  }
19999
20320
 
20321
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
20000
20322
  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
20001
20323
  fill: #fddc69;
20002
20324
  }
20003
20325
  @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 {
20326
+ .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,
20327
+ .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20005
20328
  animation: none;
20006
20329
  }
20007
20330
  }
20008
20331
 
20332
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
20009
20333
  .c4p--status-icon--light.c4p--status-icon--light-undefined {
20010
20334
  fill: #8a3ffc;
20011
20335
  }
20012
20336
  @media (prefers-reduced-motion) {
20013
- .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20337
+ .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,
20338
+ .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20014
20339
  animation: none;
20015
20340
  }
20016
20341
  }
20017
20342
 
20343
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
20018
20344
  .c4p--status-icon--light.c4p--status-icon--dark-undefined {
20019
20345
  fill: #8a3ffc;
20020
20346
  }
20021
20347
  @media (prefers-reduced-motion) {
20022
- .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20348
+ .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,
20349
+ .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20023
20350
  animation: none;
20024
20351
  }
20025
20352
  }
20026
20353
 
20354
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
20027
20355
  .c4p--status-icon--light.c4p--status-icon--light-unknown {
20028
20356
  fill: #6f6f6f;
20029
20357
  }
20030
20358
  @media (prefers-reduced-motion) {
20031
- .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20359
+ .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,
20360
+ .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20032
20361
  animation: none;
20033
20362
  }
20034
20363
  }
20035
20364
 
20365
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
20036
20366
  .c4p--status-icon--light.c4p--status-icon--dark-unknown {
20037
20367
  fill: #6f6f6f;
20038
20368
  }
20039
20369
  @media (prefers-reduced-motion) {
20040
- .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20370
+ .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,
20371
+ .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20041
20372
  animation: none;
20042
20373
  }
20043
20374
  }
20044
20375
 
20376
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
20045
20377
  .c4p--status-icon--light.c4p--status-icon--light-normal {
20046
20378
  fill: #198038;
20047
20379
  }
20048
20380
  @media (prefers-reduced-motion) {
20049
- .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20381
+ .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,
20382
+ .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20050
20383
  animation: none;
20051
20384
  }
20052
20385
  }
20053
20386
 
20387
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
20054
20388
  .c4p--status-icon--light.c4p--status-icon--dark-normal {
20055
20389
  fill: #198038;
20056
20390
  }
20057
20391
  @media (prefers-reduced-motion) {
20058
- .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20392
+ .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,
20393
+ .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20059
20394
  animation: none;
20060
20395
  }
20061
20396
  }
20062
20397
 
20398
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
20063
20399
  .c4p--status-icon--light.c4p--status-icon--light-info {
20064
20400
  fill: #0f62fe;
20065
20401
  }
20066
20402
  @media (prefers-reduced-motion) {
20067
- .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20403
+ .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,
20404
+ .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20068
20405
  animation: none;
20069
20406
  }
20070
20407
  }
20071
20408
 
20409
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
20072
20410
  .c4p--status-icon--light.c4p--status-icon--dark-info {
20073
20411
  fill: #0f62fe;
20074
20412
  }
20075
20413
  @media (prefers-reduced-motion) {
20076
- .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20414
+ .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,
20415
+ .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20077
20416
  animation: none;
20078
20417
  }
20079
20418
  }
20080
20419
 
20420
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20081
20421
  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20082
20422
  animation: rotating 8000ms infinite linear;
20083
20423
  fill: #0f62fe;
20084
20424
  }
20085
20425
  @media (prefers-reduced-motion: reduce) {
20086
- .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20426
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
20427
+ .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20087
20428
  animation: none;
20088
20429
  }
20089
20430
  }
20090
20431
 
20432
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
20091
20433
  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20092
20434
  animation: rotating 8000ms infinite linear;
20093
20435
  fill: #0f62fe;
20094
20436
  }
20095
20437
  @media (prefers-reduced-motion: reduce) {
20096
- .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-in-progress,
20439
+ .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20097
20440
  animation: none;
20098
20441
  }
20099
20442
  }
20100
20443
 
20444
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
20101
20445
  .c4p--status-icon--light.c4p--status-icon--light-running {
20102
20446
  fill: #198038;
20103
20447
  transform: scaleY(-1);
20104
20448
  }
20105
20449
 
20450
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
20106
20451
  .c4p--status-icon--light.c4p--status-icon--dark-running {
20107
20452
  fill: #198038;
20108
20453
  transform: scaleY(-1);
20109
20454
  }
20110
20455
 
20456
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
20111
20457
  .c4p--status-icon--light.c4p--status-icon--light-pending {
20112
20458
  fill: #6f6f6f;
20113
20459
  }
20114
20460
  @media (prefers-reduced-motion) {
20115
- .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20461
+ .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,
20462
+ .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
20116
20463
  animation: none;
20117
20464
  }
20118
20465
  }
20119
20466
 
20467
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
20120
20468
  .c4p--status-icon--light.c4p--status-icon--dark-pending {
20121
20469
  fill: #6f6f6f;
20122
20470
  }
20123
20471
  @media (prefers-reduced-motion) {
20124
- .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20472
+ .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,
20473
+ .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
20125
20474
  animation: none;
20126
20475
  }
20127
20476
  }
20128
20477
 
20478
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
20129
20479
  .c4p--status-icon--dark.c4p--status-icon--light-fatal {
20130
20480
  fill: #8d8d8d;
20131
20481
  }
20132
20482
  @media (prefers-reduced-motion) {
20133
- .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20483
+ .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,
20484
+ .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20134
20485
  animation: none;
20135
20486
  }
20136
20487
  }
20137
20488
 
20489
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
20138
20490
  .c4p--status-icon--dark.c4p--status-icon--dark-fatal {
20139
20491
  fill: #8d8d8d;
20140
20492
  }
20141
20493
  @media (prefers-reduced-motion) {
20142
- .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20494
+ .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,
20495
+ .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20143
20496
  animation: none;
20144
20497
  }
20145
20498
  }
20146
20499
 
20500
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
20147
20501
  .c4p--status-icon--dark.c4p--status-icon--light-critical {
20148
20502
  fill: #fa4d56;
20149
20503
  }
20150
20504
  @media (prefers-reduced-motion) {
20151
- .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20505
+ .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,
20506
+ .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20152
20507
  animation: none;
20153
20508
  }
20154
20509
  }
20155
20510
 
20511
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
20156
20512
  .c4p--status-icon--dark.c4p--status-icon--dark-critical {
20157
20513
  fill: #fa4d56;
20158
20514
  }
20159
20515
  @media (prefers-reduced-motion) {
20160
- .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20516
+ .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,
20517
+ .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20161
20518
  animation: none;
20162
20519
  }
20163
20520
  }
20164
20521
 
20522
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
20165
20523
  .c4p--status-icon--dark.c4p--status-icon--light-major-warning {
20166
20524
  fill: #ff832b;
20167
20525
  }
20168
20526
  @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 {
20527
+ .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,
20528
+ .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20170
20529
  animation: none;
20171
20530
  }
20172
20531
  }
20173
20532
 
20533
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
20174
20534
  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
20175
20535
  fill: #ff832b;
20176
20536
  }
20177
20537
  @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 {
20538
+ .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,
20539
+ .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20179
20540
  animation: none;
20180
20541
  }
20181
20542
  }
20182
20543
 
20544
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
20183
20545
  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
20184
20546
  fill: #fddc69;
20185
20547
  }
20186
20548
  @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 {
20549
+ .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,
20550
+ .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20188
20551
  animation: none;
20189
20552
  }
20190
20553
  }
20191
20554
 
20555
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
20192
20556
  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
20193
20557
  fill: #fddc69;
20194
20558
  }
20195
20559
  @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 {
20560
+ .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,
20561
+ .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20197
20562
  animation: none;
20198
20563
  }
20199
20564
  }
20200
20565
 
20566
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
20201
20567
  .c4p--status-icon--dark.c4p--status-icon--light-undefined {
20202
20568
  fill: #a56eff;
20203
20569
  }
20204
20570
  @media (prefers-reduced-motion) {
20205
- .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20571
+ .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,
20572
+ .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20206
20573
  animation: none;
20207
20574
  }
20208
20575
  }
20209
20576
 
20577
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
20210
20578
  .c4p--status-icon--dark.c4p--status-icon--dark-undefined {
20211
20579
  fill: #a56eff;
20212
20580
  }
20213
20581
  @media (prefers-reduced-motion) {
20214
- .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20582
+ .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,
20583
+ .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20215
20584
  animation: none;
20216
20585
  }
20217
20586
  }
20218
20587
 
20588
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
20219
20589
  .c4p--status-icon--dark.c4p--status-icon--light-unknown {
20220
20590
  fill: #8d8d8d;
20221
20591
  }
20222
20592
  @media (prefers-reduced-motion) {
20223
- .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20593
+ .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,
20594
+ .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20224
20595
  animation: none;
20225
20596
  }
20226
20597
  }
20227
20598
 
20599
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
20228
20600
  .c4p--status-icon--dark.c4p--status-icon--dark-unknown {
20229
20601
  fill: #8d8d8d;
20230
20602
  }
20231
20603
  @media (prefers-reduced-motion) {
20232
- .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20604
+ .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,
20605
+ .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20233
20606
  animation: none;
20234
20607
  }
20235
20608
  }
20236
20609
 
20610
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
20237
20611
  .c4p--status-icon--dark.c4p--status-icon--light-normal {
20238
20612
  fill: #24a148;
20239
20613
  }
20240
20614
  @media (prefers-reduced-motion) {
20241
- .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20615
+ .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,
20616
+ .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20242
20617
  animation: none;
20243
20618
  }
20244
20619
  }
20245
20620
 
20621
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
20246
20622
  .c4p--status-icon--dark.c4p--status-icon--dark-normal {
20247
20623
  fill: #24a148;
20248
20624
  }
20249
20625
  @media (prefers-reduced-motion) {
20250
- .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20626
+ .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,
20627
+ .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20251
20628
  animation: none;
20252
20629
  }
20253
20630
  }
20254
20631
 
20632
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
20255
20633
  .c4p--status-icon--dark.c4p--status-icon--light-info {
20256
20634
  fill: #4589ff;
20257
20635
  }
20258
20636
  @media (prefers-reduced-motion) {
20259
- .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20637
+ .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,
20638
+ .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20260
20639
  animation: none;
20261
20640
  }
20262
20641
  }
20263
20642
 
20643
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
20264
20644
  .c4p--status-icon--dark.c4p--status-icon--dark-info {
20265
20645
  fill: #4589ff;
20266
20646
  }
20267
20647
  @media (prefers-reduced-motion) {
20268
- .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20648
+ .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,
20649
+ .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20269
20650
  animation: none;
20270
20651
  }
20271
20652
  }
20272
20653
 
20654
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20273
20655
  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20274
20656
  animation: rotating 8000ms infinite linear;
20275
20657
  fill: #4589ff;
20276
20658
  }
20277
20659
  @media (prefers-reduced-motion: reduce) {
20278
- .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20660
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
20661
+ .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20279
20662
  animation: none;
20280
20663
  }
20281
20664
  }
20282
20665
 
20666
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
20283
20667
  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20284
20668
  animation: rotating 8000ms infinite linear;
20285
20669
  fill: #4589ff;
20286
20670
  }
20287
20671
  @media (prefers-reduced-motion: reduce) {
20288
- .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-in-progress,
20673
+ .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20289
20674
  animation: none;
20290
20675
  }
20291
20676
  }
20292
20677
 
20678
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
20293
20679
  .c4p--status-icon--dark.c4p--status-icon--light-running {
20294
20680
  fill: #24a148;
20295
20681
  transform: scaleY(-1);
20296
20682
  }
20297
20683
 
20684
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
20298
20685
  .c4p--status-icon--dark.c4p--status-icon--dark-running {
20299
20686
  fill: #24a148;
20300
20687
  transform: scaleY(-1);
20301
20688
  }
20302
20689
 
20690
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
20303
20691
  .c4p--status-icon--dark.c4p--status-icon--light-pending {
20304
20692
  fill: #8d8d8d;
20305
20693
  }
20306
20694
  @media (prefers-reduced-motion) {
20307
- .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20695
+ .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,
20696
+ .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
20308
20697
  animation: none;
20309
20698
  }
20310
20699
  }
20311
20700
 
20701
+ .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
20312
20702
  .c4p--status-icon--dark.c4p--status-icon--dark-pending {
20313
20703
  fill: #8d8d8d;
20314
20704
  }
20315
20705
  @media (prefers-reduced-motion) {
20316
- .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20706
+ .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,
20707
+ .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
20317
20708
  animation: none;
20318
20709
  }
20319
20710
  }
@@ -22200,67 +22591,211 @@ a.bx--side-nav__link--current::before {
22200
22591
  margin-top: 0;
22201
22592
  opacity: 0;
22202
22593
  }
22203
-
22204
- .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__chevron {
22205
- transform: rotate(180deg);
22594
+
22595
+ .c4p--options-tile:not(.c4p--options-tile--closing) > details[open] .c4p--options-tile__chevron {
22596
+ transform: rotate(180deg);
22597
+ }
22598
+
22599
+ .c4p--options-tile > details[open] .c4p--options-tile__content {
22600
+ padding-top: var(--cds-spacing-03, 0.5rem);
22601
+ padding-bottom: var(--cds-spacing-06, 1.5rem);
22602
+ }
22603
+
22604
+ .c4p--options-tile__locked-text {
22605
+ font-size: var(--cds-body-long-01-font-size, 0.875rem);
22606
+ font-weight: var(--cds-body-long-01-font-weight, 400);
22607
+ line-height: var(--cds-body-long-01-line-height, 1.42857);
22608
+ letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
22609
+ display: inline-flex;
22610
+ align-items: center;
22611
+ margin-bottom: var(--cds-spacing-06, 1.5rem);
22612
+ color: var(--cds-text-02, #525252);
22613
+ }
22614
+
22615
+ .c4p--options-tile__locked-text > svg {
22616
+ margin-right: var(--cds-spacing-02, 0.25rem);
22617
+ }
22618
+
22619
+ .c4p--options-tile--lg .c4p--options-tile__header,
22620
+ .c4p--options-tile--lg .c4p--options-tile__static-content {
22621
+ height: 3rem;
22622
+ }
22623
+
22624
+ .c4p--options-tile--xl .c4p--options-tile__header,
22625
+ .c4p--options-tile--xl .c4p--options-tile__static-content {
22626
+ height: 4rem;
22627
+ }
22628
+
22629
+ .c4p--options-tile--lg .c4p--options-tile__toggle {
22630
+ top: 1rem;
22631
+ }
22632
+
22633
+ .c4p--options-tile--xl .c4p--options-tile__toggle {
22634
+ top: 1.5rem;
22635
+ }
22636
+
22637
+ .c4p--options-tile--lg .c4p--options-tile__summary {
22638
+ margin-top: var(--cds-spacing-01, 0.125rem);
22639
+ }
22640
+
22641
+ .c4p--options-tile--lg .c4p--options-tile__summary-text {
22642
+ padding-right: calc(var(--cds-spacing-05, 1rem) + 1rem);
22643
+ }
22644
+
22645
+ .c4p--options-tile--xl .c4p--options-tile__summary-text {
22646
+ padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
22647
+ }
22648
+
22649
+ @media (prefers-reduced-motion: reduce) {
22650
+ .c4p--options-tile__summary,
22651
+ .c4p--options-tile__chevron {
22652
+ transition: none;
22653
+ }
22654
+ }
22655
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22656
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22657
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22658
+ .c4p--cancelable-text-edit {
22659
+ --size: var(--cds-spacing-08, 2.5rem);
22660
+ --icon-size: var(--cds-spacing-05, 1rem);
22661
+ }
22662
+
22663
+ .c4p--cancelable-text-edit--sm {
22664
+ --size: var(--cds-spacing-07, 2rem);
22665
+ --icon-size: var(--cds-spacing-05, 1rem);
22666
+ }
22667
+
22668
+ .c4p--cancelable-text-edit--lg {
22669
+ --size: var(--cds-spacing-09, 3rem);
22670
+ --icon-size: var(--cds-spacing-05, 1rem);
22671
+ }
22672
+
22673
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
22674
+ position: relative;
22675
+ display: inline-flex;
22676
+ min-height: var(--size);
22677
+ vertical-align: top;
22678
+ }
22679
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
22680
+ height: var(--size);
22681
+ padding-right: calc(2 * var(--size));
22682
+ }
22683
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
22684
+ position: absolute;
22685
+ top: 0;
22686
+ right: 0;
22687
+ display: flex;
22688
+ flex-direction: column;
22689
+ }
22690
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
22691
+ display: flex;
22692
+ }
22693
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
22694
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
22695
+ border: 1px solid transparent;
22696
+ }
22697
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
22698
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
22699
+ border-color: var(--cds-hover-field, #e5e5e5);
22700
+ border-bottom-color: transparent;
22701
+ background-clip: content-box;
22702
+ box-shadow: initial;
22703
+ outline: initial;
22704
+ }
22705
+ .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,
22706
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
22707
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
22708
+ border-color: var(--cds-focus, #0f62fe);
22709
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
22710
+ outline: initial;
22711
+ }
22712
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
22713
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
22714
+ box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
22715
+ }
22716
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
22717
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
22718
+ background-color: transparent;
22719
+ }
22720
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
22721
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
22722
+ border-color: transparent;
22723
+ }
22724
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
22725
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
22726
+ border: 1px solid transparent;
22727
+ box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
22206
22728
  }
22207
-
22208
- .c4p--options-tile > details[open] .c4p--options-tile__content {
22209
- padding-top: var(--cds-spacing-03, 0.5rem);
22210
- padding-bottom: var(--cds-spacing-06, 1.5rem);
22729
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
22730
+ 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);
22211
22731
  }
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;
22732
+ .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,
22733
+ .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 {
22734
+ border: 1px solid transparent;
22735
+ box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
22736
+ }
22737
+ .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,
22738
+ .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 {
22739
+ background-clip: content-box;
22740
+ }
22741
+ .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 {
22742
+ 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);
22743
+ }
22744
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
22745
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
22746
+ display: flex;
22747
+ width: var(--size);
22748
+ height: var(--size);
22749
+ min-height: var(--size);
22750
+ flex-direction: column;
22219
22751
  align-items: center;
22220
- margin-bottom: var(--cds-spacing-06, 1.5rem);
22221
- color: var(--cds-text-02, #525252);
22752
+ justify-content: center;
22753
+ padding: 0;
22222
22754
  }
22223
-
22224
- .c4p--options-tile__locked-text > svg {
22225
- margin-right: var(--cds-spacing-02, 0.25rem);
22755
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
22756
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
22757
+ width: var(--icon-size);
22758
+ height: var(--icon-size);
22226
22759
  }
22227
-
22228
- .c4p--options-tile--lg .c4p--options-tile__header,
22229
- .c4p--options-tile--lg .c4p--options-tile__static-content {
22230
- height: 3rem;
22760
+ .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 {
22761
+ display: block;
22762
+ max-height: initial;
22231
22763
  }
22232
-
22233
- .c4p--options-tile--xl .c4p--options-tile__header,
22234
- .c4p--options-tile--xl .c4p--options-tile__static-content {
22235
- height: 4rem;
22764
+ .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 {
22765
+ margin-left: calc(20% + 1.25rem);
22236
22766
  }
22237
-
22238
- .c4p--options-tile--lg .c4p--options-tile__toggle {
22239
- top: 1rem;
22767
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
22768
+ display: block;
22769
+ overflow: visible;
22770
+ color: var(--cds-text-error, #da1e28);
22240
22771
  }
22241
-
22242
- .c4p--options-tile--xl .c4p--options-tile__toggle {
22243
- top: 1.5rem;
22772
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
22773
+ padding-right: calc(2 * var(--size));
22244
22774
  }
22245
-
22246
- .c4p--options-tile--lg .c4p--options-tile__summary {
22247
- margin-top: var(--cds-spacing-01, 0.125rem);
22775
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
22776
+ padding-right: calc(3 * var(--size));
22777
+ }
22778
+ .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
22779
+ margin-right: var(--cds-spacing-11, 5rem);
22248
22780
  }
22249
22781
 
22250
- .c4p--options-tile--lg .c4p--options-tile__summary-text {
22251
- padding-right: calc(var(--cds-spacing-05, 1rem) + 1rem);
22782
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22783
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22784
+ /* stylelint-disable-line no-invalid-position-at-import-rule */
22785
+ .c4p--inline-edit {
22786
+ display: inline-flex;
22787
+ align-content: center;
22252
22788
  }
22253
22789
 
22254
- .c4p--options-tile--xl .c4p--options-tile__summary-text {
22255
- padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
22790
+ .c4p--inline-edit .c4p--inline-edit__value {
22791
+ display: flex;
22792
+ align-items: center;
22256
22793
  }
22257
22794
 
22258
- @media (prefers-reduced-motion: reduce) {
22259
- .c4p--options-tile__summary,
22260
- .c4p--options-tile__chevron {
22261
- transition: none;
22262
- }
22795
+ .c4p--inline-edit .c4p--inline-edit__button {
22796
+ margin-left: var(--cds-spacing-03, 0.5rem);
22263
22797
  }
22798
+
22264
22799
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22265
22800
  /* stylelint-disable-line no-invalid-position-at-import-rule */
22266
22801
  /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -27305,8 +27840,8 @@ th .bx--table-sort__flex {
27305
27840
  z-index: 1;
27306
27841
  top: 50%;
27307
27842
  right: 1rem;
27308
- cursor: pointer;
27309
27843
  fill: var(--cds-icon-primary, #161616);
27844
+ pointer-events: none;
27310
27845
  transform: translateY(-50%);
27311
27846
  }
27312
27847
 
@@ -31085,192 +31620,6 @@ span.bx--pagination__text {
31085
31620
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31086
31621
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31087
31622
  /* 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
31623
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31275
31624
  /* stylelint-disable-line no-invalid-position-at-import-rule */
31276
31625
  /* stylelint-disable-line no-invalid-position-at-import-rule */